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,

      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 () {}
});
原文地址:https://www.cnblogs.com/feng-NET/p/4541062.html