[转]jQuery信息提示插件

转自[url=http://site518.net/flexible-jquery-plugin-noty/]给力技术[/url]

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

　　首先引入 jQuery 类库、[url=http://site518.net/flexible-jquery-plugin-noty/]noty[/url] 插件以及相关的 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: "提示信息~~~~~" });
});

[url=http://site518.net/demo/noty/demo.htm]查看演示[/url]