artDialog主要使用方法概要

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/xyangs/p/2917188.html