通用弹出层页面(兼容IE、firefox)可关闭控制宽高及

三、使用示例

在需要弹出层的页面中，引入mon_openWindows.jsp文件，并添加如下代码：

四、代码详解

CSS样式部分，主要定义了LockWindows和WindowDIV两个div的样式，包括位置、背景色、边框等。其中还使用了IE和Firefox的私有属性以及标准属性opacity，以实现透明度效果。宽度使用了expression，以实现根据浏览器窗口大小自适应的效果。

JavaScript部分，实现了openWindows、hiddenWindows和_displaySelect三个函数。openWindows函数用于打开弹出层，并控制其宽度和高度；hiddenWindows函数用于关闭弹出层；_displaySelect函数用于隐藏弹出层中的下拉框。

在页面上添加了两个div，分别用于实现屏蔽背景层和弹出层内容。其中，弹出层内容可以通过引入其他JSP文件来实现。

这个通用弹出层页面具有兼容性强、功能丰富、使用简单等优点。开发者可以根据自己的需求，通过修改CSS和JavaScript代码，实现更多的自定义功能。希望这个弹出层页面能对你的开发工作有所帮助！下面我将代码进行展示：

（注：实际使用中需根据实际情况对代码进行相应调整）

弹出的窗口样式采用流式布局，能够适应不同大小的屏幕，且兼容性强。其中遮罩层的设计可以有效防止用户在进行操作时误触发出页面的其他功能。我们也考虑到了用户体验的便捷性，设计了简单明了的操作按钮以及隐藏了下拉框以避免干扰用户的操作。该弹出层页面的内容部分可以根据实际需要引入不同的JSP文件，实现更加灵活的功能扩展。通过修改CSS和JavaScript代码，你可以轻松实现更多的自定义功能，满足不同的开发需求。希望这个通用弹出层页面能够给你的开发工作带来便利！下面是具体的代码实现：

（注意根据实际需要进行代码的相应调整）

css部分：（定义了弹出窗口以及遮罩层的样式）

```css

LockWindows{ position:absolute; left:10px; background-color:777777; z-index:2; display:none; opacity: 0.70; width:auto;}

WindowDIV{position:absolute; z-index:3; background-color:FFFFFF; border:000000 solid 1px; display:none;}

```

js部分：（定义了打开窗口、关闭窗口以及处理下拉框显示隐藏的函数）

```javascript

function _displaySelect(){

var selects=document.getElementsByTagName("select");

var objWindow = $("WindowDIV");

var DIVselects = objWindow.getElementsByTagName("select");

for(var i=0;i

if(selects[i].style.visibility==""){ selects[i].style.visibility=""; }else{ selects[i].style.visibility="hidden"; for(var j=0; i

function openWindows(width,height){

var objWindow = $("WindowDIV"); var objLock = $("LockWindows"); objLock.style.display="block"; objLock.style.width=document.body.clientWidth+"px"; objLock.style.height=document.body.clientHeight+"px"; objLock.style.minWidth=document.body.clientWidth+"px"; objLock.style.minHeight=document.body.clientHeight+"px"; if(width>document.body.clientWidth) width = document.body.clientWidth+"px"; if(height>document.body.clientHeight) height = document.body.clientHeight+"px"; objWindow.style.display='block'; objWindow.style.width = width+"px"; objWindow.style.height = height+"px"; objWindow.style.left=(