ShowMask
<html> <head> <script type="text/javascript"> function showMask(){ var a1=document.getElementById("DialogId"); var a2=document.getElementById("MainId"); a1.style.display="block"; a2.style.display="block"; } function hideMask(){ var a1=document.getElementById("DialogId"); var a2=document.getElementById("MainId"); a1.style.display="none"; a2.style.display="none"; } </script> </head> <body> <div id="DialogId" style="background-color:#dddddd;display:none; z-index:102; left: 50%; top: 50%; margin-left: -140px; margin-top: -70px; width: 200px; height: 50px; position: absolute;"> <div id="ContentID" style="height: 50px; margin: 15px 20px; font-size: 15px; font-family: microsoft yahei; text-align: center;line-height:16px; overflow: hidden;"> <img src="<%=request.getContextPath()%>/images/lodding1.gif" id="lodding" style="margin-right:10px;margin-top:0px;"/><span align="left" style="">正在处理,请稍候...</span> </div> </div> <div id="MainId" style="background-color: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 100; display: none; opacity: 0.5;filter:alpha(opacity=50);"></div> </body> </html>