artDialog强大的弹出层插件

artDialog强大的弹出层插件

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

淘建站为您提供更多_悬浮层/弹出层_拖动_弹出层_artdialog,在此特别感谢您对我们的支持与厚爱!

查看演示

演示不了,点击反馈

加入收藏

下载 121 次

下载资源

12 积分

特别说明:本站资源来自网友发布分享,仅供学习与参考,请勿用于商业用途,若有侵权请联系删除(272966172@qq.com)。

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' -

声明:本资料由淘建站会员提供,如转载注明来源,资料来源淘建站免费素材库:https://www.taojz.cn/texiao/72.html
artDialog强大的弹出层插件 希望对你有帮助,感谢您的支持!
  • jQuery网页弹出层分享按钮插件

    jQuery网页弹出层分享按钮插件

  • jquery+css3弹出层插件

    jquery+css3弹出层插件

  • jquery 弹出层插件FancyBox弹出层演示支持图片、文章

    jquery 弹出层插件FancyBox弹出层演示支持图片、文章

  • javascript弹出层插件可自定义js弹出层动画特效

    javascript弹出层插件可自定义js弹出层动画特效

  • jquery弹出层插件点击弹出层可拖动特效

    jquery弹出层插件点击弹出层可拖动特效

  • jquery实现加载更多和弹出层

    jquery实现加载更多和弹出层

  • jQuery手机端点击弹出层选取时间代码

    jQuery手机端点击弹出层选取时间代码

  • jQuery弹出层插件三种简单遮罩弹出框效果

    jQuery弹出层插件三种简单遮罩弹出框效果

  • jQuery 可拖拽弹出层

    jQuery 可拖拽弹出层

  • jquery仿51job弹出层城市选择代码

    jquery仿51job弹出层城市选择代码

  • jquery左右按钮控制图片滚动和prettyphoto弹出层插...

    jquery左右按钮控制图片滚动和prettyphoto弹出层插...

  • jquery.purebox弹出层插件支持窗口对话框弹出层代码

    jquery.purebox弹出层插件支持窗口对话框弹出层代码

  • 留言(0)
    头像
     阿里云限量代金券,戳我领取
    1 2