微客导航 » 文章资讯 » jQuery插件artDialog.js使用与关闭方法示例

jQuery插件artDialog.js使用与关闭方法示例

2023-09-23 15:24:05 426

本文实例讲述了jQuery插件artDialog.js使用与关闭方法。分享给大家供大家参考，具体如下：

子窗口关闭artdialog终极解决方案：

window.parent.window.art.dialog({id:'qin123'}).close();





art






functiona(){
art.dialog({content:'helloworld!历史'})
}
functionb(){
art.dialog(
{
content:'欢迎你来到对话框世界！',
lock:true,
style:'succeednoClose'
},
function(){
alert('你点了确定');//不管点了确定还是取消默认都会关闭artdialog，除非在这里面返回false
},
function(){
alert('你点了取消');
}
);
}
functionc(){
art.dialog(
{
title:'图片查看',
fixed:true,
content:''
});
//returnfalse;
};
functiond(){
//art.dialog({title:'dialog内嵌iframe',iframe:'http://www.baidu.com',width:'900',height:'500'});
//已经没有了直接的iframe属性通过下面的方式内嵌iframe第二种效果不佳
art.dialog.open("http://www.baidu.com",{width:320,height:400});
//art.dialog({title:'dialog内嵌iframe',width:'900px',height:'500px',content:""});
returnfalse;
};
functione(){
art.dialog(
{
title:'动画',
fixed:true,
content:''
});
};//播放avi总是只有声音，没有画面，哎！
functionf(){
art.dialog({content:'你人品稳定么？',fixed:true,yesText:'我很稳定',style:'confirm',id:'bnt4_test'},
function(){
art.dialog({id:'bnt4_test'}).content('你骗人！');
returnfalse;//这样对话框才不会关闭
},
function(){alert('你是坏人');}//按右上角的叉关闭对话框也会执行这个函数
);
};
functiong(){
art.dialog({mouse:true,id:'dg_test34243',content:'您收到2条消息',left:'right',width:'15em',top:'bottom',fixed:true});
};
functionh(){
art.dialog({id:'dg_test34243'}).close();
};
functioni(){
var_this=document.getElementById('btn7');
if(document.getElementById('menu_4834783')){//如果已经打开了对话框，按这个按钮还能把它关闭
art.dialog({id:'menu_4834783'}).close();
_this.innerHTML='弹出菜单';//button上显示的内容
return;
};
art.dialog({id:'menu_4834783',title:'菜单',content:'请输入：',
button:[{name:'确定',callback:function(){
vara=document.getElementById('M_dfd').value;
art.dialog({content:a,lock:true,time:1});
}
},
{name:'关闭我',callback:function(){_this.innerHTML='弹出菜单';}}
]
}
);
_this.innerHTML='关闭菜单';
returnfalse;
};



基本示例

显示图片

外部页面

视频

询问

广告
关闭

弹出菜单

artDialog_v4.1.7点击此处本站下载。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

返回顶部
3162201930
czq8825@qq.com

jQuery插件artDialog.js使用与关闭方法示例

热门推荐

随机推荐