artDialog基本使用

配置参数

  • content: {消息内容,支持HTML}
  • title: {标题.默认:‘提示‘}
  • lock: {是否锁定屏幕. 默认:false}
  • width: {宽度,支持em等单位. 默认:‘auto‘}
  • height: {高度,支持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({ 配置参数 }, function(){ 确定按钮回调函数 }, function(){ 取消按钮回调函数 }, function(){ 对话框关闭回调函数 }) 如:

artDialog(
        {
            content:‘欢迎你来到对话框世界!‘,
            lock:true,
            style:‘succeed noClose‘
        },
        function(){
            alert(‘你点了确定‘);
        },
        function(){
            alert(‘你点了取消‘);
        }
);
artDialog({content:‘大多情况下只需要一个content参数就能解决问题‘})
时间: 2024-10-06 05:38:25

artDialog基本使用的相关文章

artDialog 简单几种用法

$('#btn1').click(function(){        artDialog({title:'图片查看', content:'<img width="817" height="479" src="http://www.hunanyishi.cn/images/main.jpg" />', fixed:true});        return false;    });                        $(

Dialog插件artDialog

经本人测试,发现没有layer好用,因为artDialog不能拖拽.不过除了拖拽,其他还蛮简洁的,在自定义上的灵活性也还可以.下面是我自己写的测试demo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, u

artDialog测试

<script src="../Content/artDialog/v4/artDialog.source.js?skin=default"></script> <script type="text/javascript"> function fun01() { art.dialog({ title: 'hello world!', content: '欢迎使用artDialog对话框组件!', icon: 'succeed' }

artDialog ( v 6.0.2 ) content 参数引入页面 html 内容

/*! artDialog v6.0.2 | https://github.com/aui/artDialog */ 将页面某一隐藏的 div 的 html 内容传到 artdialog 的弹窗中,并且该 div 不会被删除,代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="lib/jquery-1.10.2.js"&g

artdialog 异步加载页面 生成验证码

artdialog  异步加载一个页面 需求:例如现在好多网站的登录或注册 都是点击弹出一个层出来 然后在上面登录.注册 这个登录可能在网站的每个页面都会有,但是我们又不能在每个页面都这一段html加载出来不显示,到需要用的时候,在给shou出来,这样做于情于理都说!不!!过!!!去!!!!!! 恰好以前接触过artdialog  不多说上代码,(注意思维,代码是死的方法是活,解决需求不一定非要这个方法 ) 1.页面html代码 1 <head runat="server">

artDialog学习之旅(二)之扩展方法详解

名称 描述 核心方法 art.dialog.top 获取artDialog可用最高层window对象.这与直接使用window.top不同,它能排除artDialog对象不存在已经或者顶层页面为框架集的情况这是iframe应用工具集中的核心方法,你可以用它来操作父页面对象(包括上面的对话框) art.dialog.data(name, value) 跨框架数据共享写入接口.框架与框架之间以及与主页面之间进行数据交换是非常头疼的事情,常规情况下你必须知道框架的名称才能进行数据交换,如果是在复杂的多

artDialog学习之旅(一)

接口 配置参数 content: {消息内容,支持HTML} title: {标题.默认:'提示'} lock: {是否锁定屏幕. 默认:false} width: {宽度,支持em等单位. 默认:'auto'} height: {高度,支持em等单位. 默认:'auto'} url: {iframe地址,存在content参数时候,此参数无效} x: {x坐标,可以使用关键字,如:left/right/center. 默认:'center'} y: {y坐标,可以使用关键字,如:top/bot

jQuery插件之artDialog

artDialog是一个非常强大的弹出框插件.默认有两个版本,一个是jQuery版,一个是javascript版.功能非常多,而且使用非常简单.不写了,直接贴上官网的预览运行地址,以后用得着的时候去那里找代码就OK了. 官网预览地址:http://www.planeart.cn/demo/artDialog/_doc/API.html

artdialog对话框 三种样式 网址:http://www.planeart.cn/demo/artDialog/_doc/labs.html

摇头效果 类似与wordpress登录失败后登录框可爱的左右晃动效果 // 2011-07-17 更新 artDialog.fn.shake = function (){ var style = this.DOM.wrap[0].style, p = [4, 8, 4, 0, -4, -8, -4, 0], fx = function () { style.marginLeft = p.shift() + 'px'; if (p.length <= 0) { style.marginLeft =

ArtDialog V6的简单使用

artDialog v6 -- 经典的网页对话框组件,内外皆用心雕琢. 兼容性 測试通过:IE6~IE11.Chrome.Firefox.Safari.Opera 授权协议 免费,且开源.基于LGPL协议. 支持开源 贡献代码 || 捐赠一杯咖啡 || 商业授权 artDialog,献给那些愿意为 web 极致体验付出的人们! 四年来.有超过 40 万站点在使用 artDialog,当中不乏国内顶尖的产品: QQ空间 v8(腾讯) Phpcms(盛大) 极路由 在artDialog的使用中,使用