宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-10-05

功能:周恩土木工程师同学最近写了个基于jquery的信息弹出插件显示信息对话框,该插件对背景进行遮罩,然后弹出信息显示框,信息显示种类包括:一、信息种类说明:1.1、操作成功信息

1.2、错误信息

1.3、警告信息

1.4、通知信息

二、使用说明复制代码代码如下:DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' ' http://www .w3。org/TR/HTML 4/松散。DTD ' HTML头元http-equiv=' Content-Type ' Content=' text/HTML;charset=UTF-8 '标题在此插入标题/title link href=' style/showinfodialog。CSS ' rel='样式表type=' text/CSS '/script type=' text/JavaScript ' src=' http : js/jquery-1。6 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : js/jquery-ui-1。9 .1 .定制。量滴js '/脚本脚本脚本高度:800 px背景-color:#fff' /div脚本类型=' text/JavaScript ' var options={ ' dialogType ' : ' info ',' theme' : 'info ',' message' : '数据加载完成!' refresh ' : false };$('#test ').showInfoDialog(选项);/脚本/正文/html该例中对编号为试验的标签进行遮罩,然后显示信息简单设置:除包含必要的js,css文件外,另外需设置对话类型,主题属性,dialogType有四种方式:成功、错误、警告、信息;对应于四种主题(主题)设置:成功、错误、警告、信息消息是需要显示的数据;恢复精神代表关闭弹出框后是否需要重新加载页面扩展:你可以添加自己的主题,格式如下:复制代码代码如下:信息{边框3360 3px固体# 2 FADD 7;背景: #92D6ED重复加在以-u结尾的法语词源的名词之后构成复数顶部;} .信息跨度{ color: # 0E7A9F}。信息关闭状态a {背景: # 2 fadd 7;} .信息关闭状态a :悬停{背景: # 228 DB0}

更多资讯
游戏推荐
更多+