artDialog是一个非常强大的弹出框插件。默认有两个版本,一个是jQuery版,一个是javascript版。功能非常多,而且使用非常简单。不写了,直接贴上官网的预览运行地址,以后用得着的时候去那里找代码就OK了。
官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html
1.准备工作
拷贝相关文件都项目根目录下
页面中引入文件
<link href="./skins/default.css" rel="stylesheet" /> <script src="./artDialog.min.js"></script>
2.使用方法及主要参数
function show1() {
art.dialog({
height: 460,
600,
title:'标题',
content:'信息内容',
fixed:true,
lock:true————————————(默认值: false) 开启锁屏遮罩。
time:2000———————————超过指定时间将自动关闭单位毫秒
});
}
3.插件部分
需要先导入<script src="./artDialog.plugins.min.js"></script>
shake()
art.dialog({
id: 'shake-demo',
title: '登录',
content: '帐号:<input type="text" value="guest" /><br />'
+ '密码:<input id="login-pw" type="text" value="****" />',
lock: true,
fixed: true,
ok: function () {
var pw = document.getElementById('login-pw');
pw.select();
pw.focus();
this.shake();
return false;
},
okValue: '登录',
cancel: function () {}
});