JavaScript を使用すると、マウスを離したときにポップアップサブメニューを自動的に非表示にすることが簡単にできます

著者：Eve Cole 更新時間：2025-01-24 00:00:02

复制番号代番号次のように:

<html>

<頭>

。メニュー

{

背景色:緑;

幅:120;

高さ:20;

色: 白;

テキスト整列: 中央;

フォントサイズ:9pt;

フォントの太さ:太字;

}

.submenu

{

位置:絶対;

トップ:40;

背景色:

黄色;幅:180;

フォントサイズ:9pt;

}

</スタイル>

</head>

<本文>

<スクリプト>

var cm=null;

document.onclick = new Function("show(null)")

関数 getPos(el,sprop)

{var iPos = 0

while (el!=null)

{iPos+=el["オフセット" + sprop]

el = el.offsetParent}

iPo を返す}

関数 show(el,m)

{if (m) { m.style.display='';

m.style.pixelLeft = getPos(el,"左")

m.style.pixelTop = getPos(el,"Top") + el.offsetHeight}

if ((m!=cm) && (cm)) cm.style.display='none';cm=m}

</スクリプト>

<テーブルボーダー=0>

<tr>

<td ID="d1" onmouseover="show(this,ds1);">杂志技术站点</td>

<td ID="d3" onmouseover="show(this,ds3);">个人收藏站点</td>

</tr>

</テーブル>

<BR><A HREF="http://www.yesky.com">天极网 Yesky.com</A>

<BR>

</DIV>

<BR><A HREF="http://www.163.com">网易 Netease</A>

<BR>

</DIV>

<BR><A HREF="http://haoel.yeah.net">消費子网络编程站</A>

<BR><A HREF="http://www.5460.net">中国同学录</A>

<BR><A HREF="http://www.csdn.net">中国软件开発行网</A>

<BR>

</DIV>

</body>

</html>

JavaScript を使用すると、マウスを離したときにポップアップ サブメニューを自動的に非表示にすることが簡単にできます

JavaScript を使用すると、マウスを離したときにポップアップサブメニューを自動的に非表示にすることが簡単にできます