实现类似Windows关机时的全屏变暗的效果,由于DIV无法遮盖住Dropdownlist,所以使用了一个iframe在div下面,这样就可以全部遮盖住了。当然也可以通过临时隐藏dropdownlist的方法来实现。随个人喜好了。
1
<script language="javascript" type="text/javascript">
2
function showmask()
3
{
4
document.getElementById("ifrmMask").style.visibility="visible";
5
document.getElementById("divMask").style.visibility="visible";
6
document.getElementById("divTop").style.visibility="visible";
7
}
8
9
function shownormal()
10
{
11
document.getElementById("ifrmMask").style.visibility="hidden";
12
document.getElementById("divMask").style.visibility="hidden";
13
document.getElementById("divTop").style.visibility="hidden";
14
}
15
</script>
16
17
同时还要注意 z-index
18
<script language="javascript" type="text/javascript">2
function showmask()3
{4
document.getElementById("ifrmMask").style.visibility="visible";5
document.getElementById("divMask").style.visibility="visible";6
document.getElementById("divTop").style.visibility="visible";7
}8
9
function shownormal()10
{11
document.getElementById("ifrmMask").style.visibility="hidden";12
document.getElementById("divMask").style.visibility="hidden";13
document.getElementById("divTop").style.visibility="hidden";14
}15
</script>16

17
同时还要注意 z-index18



