简单的javascript下拉菜单实现

来源：百度知道 编辑：UC知道 时间：2024/06/14 20:02:36
<div id="Menu">
<ul class="MenuList">
<li><a href="" >首页</a></li>
<li><a href="">菜单1</a></li>
<li><a href="">菜单2</a></li>
<li><a href="">菜单3</a></li>
</ul>
</div>
怎么让鼠标停留在菜单3上面时，弹出下拉菜单，比如http://www.zhubao100.com/

嗯,简单.
<script type="text/javascript">
function aa(menu)
{
menu.getElementsByTagName("ul")[0].style.display="block";
}
function bb(menu)
{
menu.getElementsByTagName("ul")[0].style.display="none";
}
</script>
<div id="Menu" onmouseover="aa(this);" onmouseout="bb(this);" style="width:200px;border:1px solid;">
首页
<ul class="MenuList" style="display:none;">
<li><a href="">菜单1</a></li>
<li><a href="">菜单2</a></li>
<li><a href="">菜单3</a></li>
</ul>
</div>

你看看这个是不是你想要的
http://www.jscode.cn/jave_menu/310511505.htm