xuan的空间

我们一直在努力....

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

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

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

js弹出对话框截图

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

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

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

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

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

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

  js弹出对话框实例一:按钮调用onclick事件。
  js弹出对话框实例二:文字链接并使用样式。
  js弹出对话框实例三:自定义对话框大小。

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

附件:

相关博客:


评论

小辉 2010-10-13 10:10:32  
太感谢了.都是些实用技术.

发表评论