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

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

这篇文章主要介绍了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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

相关文章阅读

  • 使用jquery实现图片轮播效果如何,jQuery图片轮播
  • 使用jquery实现图片轮播效果如何,jQuery图片轮播,使用jQuery实现图片轮播效果
  • 举例说明jquery中each函数的使用,jquery each()
  • 举例说明jquery中each函数的使用,jquery each(),JQuery中each()的使用方法说明
  • 一篇文章带你了解jquery动画人物,一篇文章带你了解jquery动画制作
  • 一篇文章带你了解jquery动画人物,jquery的动画,一篇文章带你了解jQuery动画
  • trigger的用法总结,jquery trigger 传参数
  • trigger的用法总结,jquery trigger 传参数,jQuery中值得注意的trigger方法浅析
  • js hover 触发事件显示另一元素,js hover 触发事件,jQuery中多个元素的Hover事件解决方案
  • js apply 实现原理,jquery apply用法_1
  • js apply 实现原理,jquery apply用法
  • js apply 实现原理,jquery apply用法,js中apply方法的使用详细解析
  • js apply 实现原理,jquery apply用法,JS中apply()的应用实例分析
  • jq获取radio选中的值,jquery radio 取值
  • jq获取radio选中的值,jquery radio 取值,Jquery获取radio选中值实例总结
  • 留言与评论(共有 条评论)
       
    验证码: