Div Js가 구현한 섀도우 메뉴는 Microsoft가 이전 웹사이트에서 사용했던 것입니다_탐색 메뉴

<title>Div Js는 마이크로소프트가 이전 웹사이트에서 사용했던 섀도우 메뉴를 구현했습니다</title> <style>body,td,div,a,input{font:menu;line-height:180%}</style> <div id="menu" style="position:absolute; left: 10px; top: 10px; background: #EEEEEE; width: 120px; height: 100px; padding: 3px; border: 1 #999999 solid; cursor: default"> <div style="border: 1 solid #EEE" onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'" onmouseout="this.style.background='#EEE'; this.style.borderColor='#EEE'"> </div>Jb51.net<div style="border: 1 solid #EEE" onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'" onmouseout="this.style.background='#EEE'; this.style.borderColor='#EEE'"> </div>스크립트 홈<div style="border: 1 solid #EEE" onmouseover="this.style.background='#CCC'; this.style.borderColor='#999'" onmouseout="this.style.background='#EEE'; this.style.borderColor='#EEE'"> </div>웹페이지 특수효과 <br> <input onclick="runEx('runcode29383')" type="button" value="运行代码"><input onclick="doCopy('runcode29383')" type="button" value="复制代码"><input onclick="doSave(runcode29383)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a>[Ctrl A 모두 선택 참고: </div>외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다 <script> var global = window.document global.fo_shadows = new Array function makeRectangularDropShadow(el, color, size) { var i; for (i=size; i>0; i--) { var rect = document.createElement('div'); var rs = rect.style rs.position = 'absolute'; rs.left = (el.style.posLeft + i) + 'px'; rs.top = (el.style.posTop + i) + 'px'; rs.width = el.offsetWidth + 'px'; rs.height = el.offsetHeight + 'px'; rs.zIndex = el.style.zIndex - i; rs.backgroundColor = color; var opacity = 1 - i / (i + 1); rs.filter = 'alpha(opacity=' + (100 * opacity) + ')'; el.insertAdjacentElement('afterEnd', rect); global.fo_shadows[global.fo_shadows.length] = rect; } } </script>]<script> makeRectangularDropShadow(document.all["menu"], "#666666", 4); </script>