artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。
淘建站为您提供更多_悬浮层/弹出层_拖动_弹出层_artdialog,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 121 次
12 积分
1、使用传统的参数
art.dialog(content, ok, cancel)
art.dialog('简单愉悦的接口,强大的表现力,优雅的内部实现', function(){alert('yes');});2、使用字面量传参
art.dialog(options)
var dialog = art.dialog({
title: '欢迎',
content: '欢迎使用artDialog对话框组件!',
icon: 'succeed',
follow: document.getElementById('btn2'),
ok: function(){
this.title('警告').content('请注意artDialog两秒后将关闭!').lock().time(2);
return false;
}
});3、摇头效果
类似与wordpress登录失败后登录框可爱的左右晃动效果
var dialog = art.dialog('抖一抖');
dialog.shake && dialog.shake();// 调用抖动接口4、右下角滑动通知
art.dialog.notice({
title: '万象网管',
width: 220,// 必须指定一个像素宽度值或者百分比,否则浏览器窗口改变可能导致artDialog收缩
content: '尊敬的顾客朋友,您IQ卡余额不足10元,请及时充值',
icon: 'face-sad',
time: 5
});更多演示效果,请点击artDialog强大的弹出层插件演示。
| 参数 | 描述 | 默认值 |
| content | 消息内容,支持HTML | - |
| title | 标题 | 提示 |
| lock | 是否锁定屏幕 | false |
| width | 宽度,支持px、em等单位 | auto |
| height | 高度,支持px、em等单位 | auto |
| url | iframe地址,存在content参数时候,此参数无效 | - |
| x | x坐标,可以使用关键字,如:left/right/center | center |
| y | y坐标,可以使用关键字,如:top/bottom/center | center |
| fixed | 是否启用静止定位 | false |
| time | 多少秒自动关闭 | - |
| style | 对话框风格扩展参数,写入自定义className,详情见皮肤css文件的定义,多个用空格隔开 | - |
| yesText | 确定按钮文本 | 确定 |
| noText | 取消按钮文本 | 取消 |
| yesClose | 点击确定按钮是否同时关闭对话框 | true |
| id | 给对话框定义id,对话框未关闭就不再会有同名对话框弹出. 例如定义id为'my2',则内容容器id为'my2Content' | - |

