<div class="codetitle"> <span><a style="CURSOR: pointer" data="71682" class="copybut" id="copybut71682" onclick="doCopy('code71682')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code71682"> <br><STYLE type=text/css> <br>.menu { BORDER-RIGHT: #006080 2px ソリッド;ボーダートップ: #80e0ff 2px ソリッド;左: 0ピクセル;可視性: 非表示。ボーダー左: #80e0ff 2px ソリッド。ボーダーボトム: #006080 2px ソリッド;位置: 絶対的。トップ: 0px; BACKGROUND-COLOR: #40a0c0 } <br>A.menuItem { BORDER-RIGHT: #000000 0px ソリッド;パディング右: 12px;ボーダートップ: #000000 0px ソリッド;表示: ブロック;パディング左: 8px;フォントの太さ: 太字。フォント サイズ: 8pt;パディングボトム: 2px;ボーダー左: #000000 0px ソリッド;カーソル: デフォルト;色: #ffffff;パディングトップ: 2px; BORDER-BOTTOM: #000000 0px ソリッド;フォントファミリー: MS サンセリフ、Arial、タホマ、サンセリフ。テキスト装飾: なし } <br>A.menuItem:hover { COLOR: #ffff00;背景色: #004060 } <br></STYLE> <br><DIV class=menu id=myMenu><A class=menuItem <BR>href="http://www.jb51.net"> 脚本之家</A> <A class=menuItem <BR>href="http://www.baidu.com">百度</A> <A class=menuItem <BR>href="">网易</A> <A class=menuItem <BR>href="">江苏音符</A> <A class=menuItem <BR>href="">央視国际</A> </DIV> <br><P><font onclick="openMenu(event, 'myMenu');return false;">点击打开菜单</font></P> <br><SCRIPT type=text/javascript> <br>document.getElementById("myMenu").onmouseout = closeMenu; <br>function openMenu(event, id) { <br>var el, x, y; <br>el = document.getElementById(id); <br>if (window.event) { <br>x = window.event.clientX document.documentElement.scrollLeft <br> document.body.scrollLeft; <br>y = window.event.clientY document.documentElement.scrollTop <br> document.body.scrollTop; <br>} <br>else { <br>x = events.clientX window.scrollX; <br>y = イベント.クライアントY ウィンドウ.スクロールY; <br>} <br>x -= 2; y -= 2; <br>el.style.left = x "px"; <br>el.style.top = y "px"; <br>el.style.visibility = "可視"; <br>} <br>function closeMenu(event) { <br>var 現在、関連; <br>if (window.event) { <br>current = this; <br>関連 = window.event.toElement; <br>} <br>else { <br>current = イベント.currentTarget; <br>関連 = イベント.関連ターゲット; <br>} <br>if (current != 関連 && !contains(current, relationship)) <br>current.style.visibility = "hidden"; <br>} <br>function contains(a, b) { <br>// ノード a にノード b が含まれる場合は true を返します。 <br>while (b.parentNode) <br>if ((b = b.parentNode) == a) <br>return true; <br> false を返します。 <br>} <br></SCRIPT> </td><br> </tr><br> </table><br> </div>