Home > php教程 > php手册 > 很漂亮的提示框插件,代码也简洁(jNotify插件)

很漂亮的提示框插件,代码也简洁(jNotify插件)

WBOY
Release: 2016-06-07 11:38:53
Original
1339 people have browsed it

jNotify是一款基于jQuery的信息提示插件,它支持操作成功、操作失败和操作提醒三种信息提示方式。
很漂亮的提示框插件,代码也简洁(jNotify插件)

页面底部有演示、免费下载链接。若是想看更多js特效网站源码js教程请访问【素材火】 http://www.sucaihuo.com/js 还有演示DEMO,最主要是可以免费下载。1、<br> 首先引入jQuery库和jNotify插件:<br> <script></script>  <br> <script></script>  <br> <link> <br> 2、<br> 本文展示了4个DEMO,HTML排版如下:<br> <p><a>1、操作成功!</a></p> <br> <p><a>2、操作提醒!</a></p> <br> <p><a>3、操作失败!</a></p> <br> <br> <p><a>4、操作成功,提醒和失败!!</a></p> <br> 3、<br> 调用jNotify非常简单,代码如下:<br> $(function() { <br>     $("a.success").click(function() { <br>         jSuccess("恭喜,操作成功! + <strong>10</strong> 金币!", { <br>             VerticalPosition: 'center', <br>             HorizontalPosition: 'center' <br>         }); <br>     }); <br>     $("a.notice").click(function() { <br>         jNotify("注意:请完善你的<strong>个人资料!</strong>"); <br>     }); <br>     $("a.error").click(function() { <br>         jError("操作失败,请重试!!"); <br>     }); <br>     $("a.three").click(function() { <br>         jSuccess("操作成功,2秒后显示下一个提示框!!", { <br>             TimeShown: 2000, <br>             onClosed: function() { <br>                 jNotify("注意:点击这里显示下一个提示框", { <br>                     VerticalPosition: 'top', <br>                     autoHide: false, <br>                     onClosed: function() { <br>                         jError("出错啦! 演示结束,<br> 请点击背景层关闭提示框。", { <br>                             clickOverlay: true, <br>                             autoHide: false, <br>                             HorizontalPosition: 'left' <br>                         }); <br>                     } <br>                 }); <br>             } <br>         }); <br>     }); <br> });查看该特效演示及免费下载,请访问【素材火】: http://www.sucaihuo.com/js/61.html

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

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Recommendations
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template