dialog解决方案(artDialog弹窗插件使用一)
artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架
下载http://demo.jb51.net/js/2011/artDialog/_doc/down.HTML
artdialog.iframetools.js下载
http://www.bvbcode.com/cn/g6py04me-876136
引用如果项目采用jQuery作为框架,则引用jQuery artDialog版本:<script src="http://img.studyofnet.comjquery.artDialog.js?skin=default"></script>
如果需要在iframe应用下提供 更好的支持,需要加上:<script src="http://img.studyofnet.comartDialog.iframeTools.js"></script>
<script src="http://img.studyofnet.com./jq3.2/jquery-3.2.1.min.js"></script>
<script src="http://img.studyofnet.com./artdialog/artDialog.js?skin=default"></script>
<script src="http://img.studyofnet.com./artdialog/iframeTools.js"></script>
art.dialog({
title: 'hello world!'
id : 'warning',
icon : 'warning',
lock : true,
fixed : true,
background : "#CCCCCC",
opacity : 0.8,
content : 'xiaoxin',
yesText : '确定',
yesfn: function () {
//reloadPage(window);
}
});
art.dialog({
icon: 'succeed',//alert、error、confirm
width: '20em', height: 100,
id: 'testID',
content: '我支持HTML' ,
title: 'hello world!',
button: [
{ name: '同意',
callback: function () {
this.content('你同意了').time(2); return false;
},
focus: true
},
{ name: '不同意',
callback: function () {
alert('你不同意')
}
},
{ name: '无效按钮', disabled: true },
{ name: '关闭我' }
],
});
,
免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com