Question

求一段下拉菜单的js代码，

RT 菜单列表中有一个菜单需要下拉列表，想让它鼠标经过时显示，离开时隐藏。 顺便把js 都写一段解释注释，下面是html代码：
<div id="menu">
<ul>
<li><a href="index.html" title="网站首页">网站首页</a></li>
<li class="food_a" onmouseover="change"><a href="food.html" title="缤纷美食">缤纷美食</a>
<ul>
<li><a href="#" title="开胃菜">开胃菜</a></li>
<li><a href="#" title="沙拉">沙拉</a></li>
<li><a href="#" title="冷盘">冷盘</a></li>
<li><a href="#" title="主食">主食</a></li>
<li><a href="#" title="饮料">饮料</a></li>
<li><a href="#" title="甜品">甜品</a></li>
<li><a href="#" title="汤">汤</a></li>
<li><a href="#" title="面食">面食</a></li>
</ul>
</li>
<li><a href="activity.html" title="优惠活动">优惠活动</a></li>
<li><a href="promotion.html" title="商品促销">商品促销</a></li>
<li><a href="order.html" title="宴会订制">宴会订制</a></li>
<li><a href="member.html" title="会员中心">会员中心</a></li>
<li><a href="about.html" title="关于我们">关于我们</a></li>
</ul>
</div>

Answer 1

    $("#menu li").hover(function(){
        $(this).children('ul').show();
    },function(){
        $(this).children('ul').hide();
    })

Answer 2

将需要隐藏的ul加一个div id= “HiddenDiv” display = "none"

<script>
//tag 为1是移入，tag为2 是移出
    function change(tag){
    var  div1 = document.getElementById("HiddenDiv");
    if(tag == 1){
        div1.style.display = "black";
    }else{
        div1.style.display = "none";
    }
    }
</script>

在“缤纷美食” 那里加上onmouseover 和onmouseout调用这个函数。