jquery.tooltip.js 文本悬停提示插件

jquery.tooltip.js 文本悬停提示插件

第一步引入bfwone

第二步执行插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.2.11&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["tooltip", "tooltip"], function() {
                $('#demo-1').tooltip({
                    text: '这是一个Tooltip!'
                });
                $('#demo-2').tooltip({
                    text: '这是一个Tooltip!', fontSize: '14px',
                    theme: 'light',
                    fontFamily: "'Open Sans', 'Roboto-Regular', Arial",
                    delay: 400
                });
            });
        });
    </script>
    <style type="text/css">
        span.demo {
            border-bottom: 2px dotted;
            cursor: pointer;
            color: #E37274;
        }
    </style>
</head>
<body>
    <div></div>
      
            <h1>Tooltip.js: HTML5 Tooltip 插件演示</h1>
            <h3>基本使用</h3>
            <p>
                那一页薄纸,几字落下,才知道,流年似水,太过匆匆,一些故事来不及真正的开始,犹如一部戏并未进入最精彩的情节,便已成了昨天,你我都成了记忆里的旧光影,皆是过客。<span id="demo-1" class="demo">莫问前路几何</span>,曲起生歌,婉转悠扬。只是,不再是一张如花的笑脸。
            </p>
            <p>
                也许有一天,所有的不解,所有的迷茫,所有的不安,都将如天上的云朵,一尘不染,轻轻飘向梦的深处,留下一缕香,嫣然岁月的模样。你依然站在皎洁的月光下,打开那壶陈年的酒,慢慢品尝,醉过方知酒浓,情深方知意重。
            </p>
            <p>
                习惯在寂静的晚上,登高望远,看着万家灯火,数一数那些窗,今晚,又会有多少悲欢离合重复上演,温柔的伤感。你说,若有缘,千里终会来相会,携手红尘,若无缘,近在咫尺不相逢,终将是陌路。
            </p>
            <hr>
            <h3>带参数</h3>
            <p>
                那一页薄纸,几字落下,才知道,流年似水,太过匆匆,一些故事来不及真正的开始,犹如一部戏并未进入最精彩的情节,便已成了昨天,你我都成了记忆里的旧光影,皆是过客。<span id="demo-2" class="demo">莫问前路几何</span>,曲起生歌,婉转悠扬。只是,不再是一张如花的笑脸。
            </p>
            <p>
                也许有一天,所有的不解,所有的迷茫,所有的不安,都将如天上的云朵,一尘不染,轻轻飘向梦的深处,留下一缕香,嫣然岁月的模样。你依然站在皎洁的月光下,打开那壶陈年的酒,慢慢品尝,醉过方知酒浓,情深方知意重。
            </p>
            <p>
                习惯在寂静的晚上,登高望远,看着万家灯火,数一数那些窗,今晚,又会有多少悲欢离合重复上演,温柔的伤感。你说,若有缘,千里终会来相会,携手红尘,若无缘,近在咫尺不相逢,终将是陌路。
            </p>
      
    </div>


</body>
</html>


立即下载tooltip.js查看所有js插件

网友评论0

程序员在线工具箱