jQuery插件artDialog.js使用与关闭方法示例
本文实例讲述了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程序设计有所帮助。