这篇文章主要介绍了jQuery插件artDialog.js使用与关闭方法,结合具体实例形式分析了jQuery弹出窗口插件artDialog.js的简单使用方法及相关注意事项,需要的朋友可以参考下
本文实例讲述了jQuery插件artDialog.js使用与关闭方法。分享给大家供大家参考,具体如下:
子窗口关闭艺术对话终极解决方案:
窗户。父母。窗户。艺术。对话框({ id:'秦123 ' }).close();
!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN '
http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-过渡。' DTD '
超文本标记语言
头
meta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8' /
标题艺术/标题
link id=' artDialogSkin ' href=' skins/default。CSS ' rel='外部无跟随' rel='样式表' type=' text/CSS '/
script type=' text/JavaScript ' src=' art对话框。js '/脚本
脚本类型=' text/JavaScript ' src='插件/iframe工具。js '/script!-对内联框架的新工具-
/头
身体
脚本类型='文本/javascript '
函数一个(){
艺术。对话框({ content:' hello world!历史'})
}
函数b(){
艺术对话(
{
内容:'欢迎你来到对话框世界!',
锁:真的,
样式:"成功无失败"
},
函数(){
警报('你点了确定');//不管点了确定还是取消默认都会关闭artdialog,除非在这里面返回错误的
},
函数(){
警报('你点了取消');
}
);
}
函数c(){
艺术对话(
{
标题:'图片查看,
固定:真的,
内容:' img width=' 817 ' height=' 479 ' src=' butterfly。jpg '/'
});
//返回错误的
};
函数d(){
//art.dialog({title:'dialog内嵌' iframe ',iframe:'http://www.baidu.com ',宽度:' 900 ',高度:' 500 ' });
//已经没有了直接的内联框架属性通过下面的方式内嵌内联框架第二种效果不佳
艺术。对话。打开(' http://www。百度一下。com ',{宽度:320,高度:400 });
//art.dialog({title:'dialog内嵌iframe ',宽度:' 900像素',高度:' 500像素',内容:' iframe align=' right ' src=' http://www。百度一下。' com '宽度:' 100% '高度:' 100% '/' });
返回错误的
};
函数e(){
艺术对话(
{
标题:'动画,
固定:真的,
内容:' embed src=' DDD。RM ' type=' audio/x-pn-real audio-plugin ' auto start=' true ' width=' 420 ' height=' 363 '/embed '
});
};//播放avi总是只有声音,没有画面,哎!
函数f(){
art.dialog({content:'你人品稳定么?',fixed:true,yesText:'我很稳定,样式:'确认,id:'bnt4_test'},
函数(){
art.dialog({id:'bnt4_test'}).内容('你骗人!');
返回false//这样对话框才不会关闭
},
function(){alert('你是坏人');}//按右上角的叉关闭对话框也会执行这个函数
);
};
函数g(){
art.dialog({mouse:true,id:'dg_test34243 ',内容:'您收到strong2/strong条消息,左:'右,宽:' 15em ',上:'下,固定:true });
};
函数h(){
art.dialog({id:'dg_test34243'}).close();
};
函数我(){
var _ this=文档。getelementbyid(' BTN 7 ');
如果(文档。getelementbyid(' menu _ 4834783 '){//如果已经打开了对话框,按这个按钮还能把它关闭
art.dialog({id:'menu_4834783'}).close();
_this.innerHTML='弹出菜单;//按钮上显示的内容
返回;
};
art.dialog({id:'menu_4834783 ',标题:'菜单,内容:'请输入:输入style=' width:200 px;id=' M _ DFD ' type=' text ' value=' hello world!' /',
按钮:[{name:'确定,回调:函数(){
var a=文档。getelementbyid(' M _ DFD ').价值;
art.dialog({content:a,lock:true,time:1 });
}
},
{姓名:'关闭我,回调:function(){ _ this。innerhtml='弹出菜单;}}
]
}
);
_this.innerHTML='关闭菜单;
返回错误的
};
/脚本
input type=' button ' style=' width:100p x ' onClick=' a()' value='最简单的对话框/br/
按钮id='btn0' onClick='b()'基本示例/buttonbr/
按钮id='btn1' onClick='c()'显示图片/buttonbr/
按钮id='btn2' onClick='d()'外部页面/buttonbr/
按钮id='btn3' onClick='e()'视频/buttonbr/
按钮id='btn4' onClick='f()'询问/buttonbr/
Button id='btn5' onClick='g()'广告/按钮
button id=' BTN 6 ' onClick=' h()' close/button br/
Button id='btn7' onClick='i()'弹出菜单/buttonbr/
/body
/html
ArtDialog_v4.1.7点击此处本站下载。
更多对jQuery感兴趣的读者,请参考我们的专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》和《jquery选择器用法总结》。
希望这篇文章对jQuery编程的大家有所帮助。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。