ti8989 发表于 2013-1-29 13:30:23

[转]jQuery信息提示插件

转自给力技术

   noty 是一个简单易用的 jQuery tooltip 提示插件,它内置了alert、success、error 和 confirmation 四种消息提示框,用于代替原有的浏览器提示框,并且可以设置为模态窗口。此插件的定制性很高,有多种配置选项:打开速度、显示位置、是否可关闭等等,同时它还提供了多个回调方法。每个消息提示都是添加进队列的,这样能保证每个都能正常显示。
如何使用

  首先引入 jQuery 类库、noty 插件以及相关的 CSS 文件

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.noty.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.noty.css"/>

  添加任意 HTML 元素

<a href="javascript:;" id="test">测试</a>

  给上面的元素添加onclick点击事件,之后就查看效果吧~~~

$('#test').click(function () {
   noty({ text: "提示信息~~~~~" });
});

查看演示
页: [1]
查看完整版本: [转]jQuery信息提示插件