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

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


页面底部有演示、免费下载链接。若是想看更多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> <div class="aritcle_card"> <a class="aritcle_card_img" href="/xiazai/code/10733"> <img src="https://img.php.cn/upload/webcode/000/000/011/176347080292635.png" alt="优六系统_企业网站和微论坛源码5.4.0"> </a> <div class="aritcle_card_info"> <a href="/xiazai/code/10733">优六系统_企业网站和微论坛源码5.4.0</a> <p>优六系统(全称:优六企服系统)是在Util6MIS基础上组合CMS等插件及子系统的综合信息化管理系统。 Util6MIS(软著全称:优六信息化管理框架系统)是一款免费的通用信息化快速开发框架，该框架可快速集成各类系统开发。 系统后台采用.NET6 + Layui作为UI支撑，操作界面简洁，项目结构清晰，功能模块化设计，支撑框架轻量高效，代码层级分离，注释完整，可快速重构，提高开发效率。</p> <div class=""> <img src="/static/images/card_xiazai.png" alt="优六系统_企业网站和微论坛源码5.4.0"> <span>0</span> </div> </div> <a href="/xiazai/code/10733" class="aritcle_card_btn"> <span>查看详情</span> <img src="/static/images/cardxiayige-3.png" alt="优六系统_企业网站和微论坛源码5.4.0"> </a> </div> <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元