`

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

    博客分类:
  • ajax
阅读更多
 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特效代码,两者相结合,相信你一定会制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!

Response.Write("<script>alert('短信发送成功!');</script>");
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics