适合新手的jQuery提示消息插件

所属分类:UI-工具提示

 4625  23  查看评论 (2)
适合新手的jQuery提示消息插件 ie兼容9

使用方法

html

<h3 id="top">页面上方</h3>
<h3 id="center">页面中间</h3>
<h3 id="bottom">页面下方</h3>

js

<script>
    $("#top").click(function() {
        showMsg('我是上面', 'top');
    });
    $("#center").click(function() {
        showMsg('我是中间', 'center');
    });
    $("#bottom").click(function() {
        showMsg('我是下面', 'bottom');
    });
</script>

在需要的地方调用,设置参数就OK了

showMsg(text,position);
相关插件-工具提示

3种形式tips帮助提示框代码

3种形式tips帮助提示框代码,鼠标悬停在问号上,出现提示框。
  工具提示
 6945  55

便捷方便的提示框

该提示框插件可以和Bootstrap完美结合,但是并不一定需要和Bootstrap一起使用。它支持IE8以上的浏览器。
  工具提示
 7539  50

跳房子

跳房子是一个框架,使开发人员可以轻松预览产品并添加到他们的网页
  工具提示
 10178  30

纯CSs文字Tooltip库Hint.css

Hint.css 是一个 CSS 实现的工具提示效果。无需 JavaScript 代码。
  工具提示
 1054  22

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    90后大叔 0
    2017/5/12 14:58:18
    qqx1212 0
    2017/3/23 10:23:14
取消回复