源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)

  • 时间:2022-04-24 01:13 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
功能:zhou en ce同学最近写了个基于jquery的信息弹出插件showInfoDialog,该插件对背景进行遮罩,然后弹出信息显示框,信息显示种类包括: [b]一、信息种类说明:[/b] 1.1、操作成功信息 [img]http://files.jb51.net/file_images/article/201301/20130109153614121.jpg[/img] 1.2、错误信息 [img]http://files.jb51.net/file_images/article/201301/20130109153614122.jpg[/img] 1.3、警告信息 [img]http://files.jb51.net/file_images/article/201301/20130109153614123.jpg[/img] 1.4、通知信息 [img]http://files.jb51.net/file_images/article/201301/20130109153614124.jpg[/img] [b]二、使用说明 [/b]
[url=style/showInfoDialog.css]<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.9.1.custom.min.js"></script> <script type="text/javascript" src="js/jquery-showInfoDialog.js"></script> </head> <body style="background-color:#4ed"> <div id = "test" style="width:1000px;height:800px;background-color:#fff"> </div> <script type="text/javascript"> var options = { 'dialogType' : 'info', 'theme' : 'info', 'message' : '数据加载完成!', 'refresh' : false }; $("#test").showInfoDialog(options); </script> </body> </html>
该例中对id为test的标签进行遮罩,然后显示信息 [b]简单设置:[/b] 除包含必要的js,css文件外,另外需设置dialogType,theme属性,dialogType有四种方式:success,error,warning,info; 对应于四种主题(theme)设置:success,error,warning,info message是需要显示的数据; refresh代表关闭弹出框后是否需要重新加载页面 [b]扩展:[/b]你可以添加自己的主题,格式如下:
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部