最新赞助活动温馨提示:自愿赞助服务器费用,学生和没有工作的整站资源免费下载!
头像

artDialog强大的弹出层插件

来源:http://www.erdangjiade.com/ 沐浴春风 2015-04-24 08:44浏览(1608)

artDialog是一个精巧的web对话框组件,压缩后只有十多KB,并且不依赖其他框架。

0、请不要问“在不在”之类的问题,有问题直接问!1、学生或暂时没有工作的童鞋,整站资源免费下载!2、¥9.9充值终身VIP会员,加我微信,826096331 拉你进VIP群学习!3、程序员加油,技术改变世界。在线 充值

artDialog强大的弹出层插件
分类:悬浮层/弹出层 > 拖动 难易:中级
查看演示

加我微信,拉你进VIP群学习:

下载资源 下载积分: 30 积分

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' -
标签: 弹出层artdialog
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/72.html
评论2
头像

友情提示:垃圾评论一律封号 加我微信:826096331拉你进VIP群学习群

  • 头像 椅子
    08-05 15:59
    Is mango
    确实强大晕糗大了
  • 头像 沙发
    09-18 08:33
    ngu137
    确实很强大,。。。。
1 2