您的位置:首页 > Web前端 > JavaScript

JS特效代码大全(四)js弹出对话框

2010-12-28 15:42 218 查看

JS特效代码大全(四)js弹出对话框

标签: js弹出对话框 特效代码 js 源代码 下载

  js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得js弹出对话框在弹出时仍然能够看到网页内容。这种js弹出对话框不会让浏览者迷失方向,或将它们转移到另一页,会让用户有一个很好的界面体验。 如图所示:





js弹出对话框截图
  此js弹出对话框已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用这个js弹出对话框。

  另外,此js弹出对话框的div中包含一个iframe用于“载入”loading页面。 当弹出对话框中的内容比较多打开速度比较慢时,可以用loading来提示用户。

  首先,你可能想下载js弹出对话框源代码 。下载js弹出对话框源代码之后,其中包含的文件需要在这里解释一下。

  Common.js文件:包括附加事件处理程序、获得浏览器的尺寸等功能。

  subModal.js文件:集中了所有发生的动作。控制js弹出对话框的显示、隐藏、调整窗口。

  在你下载js弹出对话框源代码后,会有三个实例,分别是:

  js弹出对话框实例一:按钮调用

  js弹出对话框实例二:文字链接并使用样式。

  js弹出对话框实例三:自定义对话框大小。

  当然JS文件如果你看不懂也没关系,只要会用就可以了,相信你现在已经学会了怎么把js弹出对话框应用到你的网站中去,如果设计的弹出对话框很漂亮,用的PNG格式,那么你就要用到另外一个IE6下PNG图片透明效果的JS特效代码,两者相结合,相信你一定会制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!

“js弹出对话框”请到http://www.po-soft.com/hi/xuan/blog/304下载

本文出自 “oecp社区” 博客,请务必保留此出处http://oecpby.blog.51cto.com/2203338/466615
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: