前端：(4) jQuery笔记----jQuery插件之artDialog

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,

　　　　　 width: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 () {}
});