dialog解决方案(artDialog弹窗插件使用一)(1)

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>

dialog解决方案(artDialog弹窗插件使用一)(2)

dialog解决方案(artDialog弹窗插件使用一)(3)

dialog解决方案(artDialog弹窗插件使用一)(4)

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);

}

});

dialog解决方案(artDialog弹窗插件使用一)(5)

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: '关闭我' }

],

});

dialog解决方案(artDialog弹窗插件使用一)(6)

,