artDialog强大的弹出层插件

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

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
});

更多演示效果，请点击<a href='http://www.sucaihuo.com/jquery/demo/70/' target='_blank'>artDialog强大的弹出层插件演示</a>。