<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="テキスト/JavaScript"> <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>#box{ <br>幅:400px; <br>高さ:300ピクセル; <br>位置:相対; <br>マージン:0px 自動; <br>ボーダー:1px ソリッド #000; <br>} <br>#shade{ <br>width:400px; <br>高さ:300ピクセル; <br>背景色:グレー; <br>位置:絶対; <br>z-インデックス:999; <br>左:0px; <br>トップ:0px; <br>-moz-opacity:0.5;/*Firefox*/ <br>opacity:0.5;/*Opera*/ <br>filter:alpha(opacity=50); /*IE*/ <br>} <br></style> <br></head> <br><br> <br><div id="ボックス"> <br><a href = "javascript:Shade()">局部遮罩</a> <br><div id="シェード"></div> <br> </div> <br><a href = "javascript:Display()">遮罩消失</a> <br></body> <br> </div>
