经过显示子菜单 ,离开隐藏子菜单

最新推荐文章于 2025-08-07 16:42:30 发布

原创最新推荐文章于 2025-08-07 16:42:30 发布 · 452 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#menu #border #function #游戏 #div

java 专栏收录该内容

252 篇文章

订阅专栏

本文介绍了一个简单的网页菜单显示和隐藏功能的实现方法。通过JavaScript侦测鼠标移入移出事件来控制菜单的可见性，并提供了具体的HTML和JavaScript代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经过显示子菜单 ,离开隐藏子菜单
function out()
{
if(window.event.toElement.id!="menu" && window.event.toElement.id!="link")
menu.style.visibility="hidden";
}
<div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;"> 离开隐藏
<span id="menubar" onmouseover="menu.style.visibility='visible'"> 经过显示
<font color=red size=2>菜单</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>