js弹出对话框(半透明背景,兼容各浏览器)

时间:2022-09-18 06:04:25
  js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得弹出对话框在弹出时仍然能够看到网页内容,会让用户有一个很好的界面体验。 而且懒人萱已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用。如图所示:

js弹出对话框(半透明背景,兼容各浏览器)
js弹出对话框截图

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

  首先,你要先 下载js弹出对话框源代码 http://www.po-soft懒人萱.com/blog/xuan/402.html (去掉懒人萱就可以了)。下载js弹出对话框源代码之后,会有三个实例,分别是:
  一、按钮调用onclick事件。
  二、文字链接并使用样式。
  三、自定义对话框大小。

  如果设计的弹出对话框很漂亮,用的PNG格式,那么你就要用到另外一个IE6下PNG图片透明效果的JS特效代码,地址是: http://www.cnblogs.com/posoft/archive/2009/08/27/1554809.html,两者相结合,就可以制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!