当前位置: 代码迷 >> JavaScript >> 模态(modal)窗口的实现方法?解决办法
  详细解决方案

模态(modal)窗口的实现方法?解决办法

热度:523   发布时间:2012-02-08 19:52:21.0
模态(modal)窗口的实现方法?
众所周知,模态(modal)窗口就是指悬浮于屏幕最前端,无法通过点击其他窗口切换的一种独占式窗口。
这个在C/S架构下很容易实现。
但是在B/S架构下,如何建立浏览器环境下的模态窗口,是一个问题。
我在看jquery-ui的demo时第一次发现了B/S下的模态窗口,并且很好奇它是怎么实现的,
于是就看了看相关代码。
可惜,本人水平太菜再加上jquery对js的封装,一直没搞明白是怎么回事。
所以就发帖想问一下哪位知道:

js实现模态窗口的原理和关键代码是什么?

------解决方案--------------------
简单的
http://dotnet.aspx.cc/a.htm

就是将一个层显示出来。背景变黑,设置透明度
------解决方案--------------------
因为ff不支持showModalDialog
------解决方案--------------------
快下班了。我跟你讲下思路把

你说的模态不是真的模态。而是用两个Div模拟的。
两个Div都设置成绝对定位,然后第一个div,z-index设置成1000。半透明,把整个页面罩住
第二个div,z-index设置成1001,盖在遮罩层之上。
  相关解决方案