很漂亮的提示框插件，代码也简洁（jNotify插件）

jNotify是一款基于jQuery的信息提示插件，它支持操作成功、操作失败和操作提醒三种信息提示方式。


页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程请访问【素材火】 http://www.sucaihuo.com/js 还有演示DEMO，最主要是可以免费下载。1、
首先引入jQuery库和jNotify插件：



2、
本文展示了4个DEMO，HTML排版如下：

1、操作成功!

2、操作提醒!

3、操作失败!

4、操作成功，提醒和失败!!

3、
调用jNotify非常简单，代码如下：
$(function() {
$("a.success").click(function() {
jSuccess("恭喜，操作成功! + 10 金币!", {
VerticalPosition: 'center',
HorizontalPosition: 'center'
});
});
$("a.notice").click(function() {
jNotify("注意：请完善你的个人资料！");
});
$("a.error").click(function() {
jError("操作失败，请重试!!");
});
$("a.three").click(function() {
jSuccess("操作成功，2秒后显示下一个提示框!!", {
TimeShown: 2000,
onClosed: function() {
jNotify("注意：点击这里显示下一个提示框", {
VerticalPosition: 'top',
autoHide: false,
onClosed: function() {
jError("出错啦! 演示结束,
请点击背景层关闭提示框。", {
clickOverlay: true,
autoHide: false,
HorizontalPosition: 'left'
});
}
});
}
});
});
});查看该特效演示及免费下载，请访问【素材火】： http://www.sucaihuo.com/js/61.html

AD：真正免费，域名+虚机+企业邮箱=0元