<div class="codetitle"> <span><a style="CURSOR: pointer" data="50437" class="copybut" id="copybut50437" onclick="doCopy('code50437')"><u>复代码</u></a></span> 代码如下:</div> <div class="codebody" id="code50437"> <br>//实现局부遮罩 <br><script type=" 텍스트/자바스크립트"> <BR>function Shade(){ <BR>var s = document.getElementById("shade"); <BR>s.style.display = "차단"; <BR>} <BR>function Display(){ <BR>var d = document.getElementById("shade"); <BR>d.style.display = "없음"; <BR>} <BR></script> <br><style type="text/css"> <BR>#상자{ <BR>너비:400px; <BR>높이:300px; <BR>위치:상대적; <BR>여백:0px 자동; <BR>테두리:1px 솔리드 #000; <BR>} <BR>#shade{ <BR>너비:400px; <BR>높이:300px; <BR>배경색:회색; <BR>위치:절대; <BR>z-색인:999; <BR>왼쪽:0px; <BR>상단:0px; <BR>-moz-opacity:0.5;/*Firefox*/ <BR>불투명도:0.5;/*Opera*/ <BR>filter:alpha(opacity=50); /*IE*/ <BR>} <BR></style> <br> <br><br> <br><div id="box"> <br><a href="javascript:Shade()">局part遮罩</a> <br><div id="shade"></div> <br> </div> <br><a href="javascript:Display()">遮罩消失</a> <br> </div>