菜单栏二级联动

第一种，直接引入JS  

<script type="text/javascript" src="js/head.js"></script>

head.js里面的内容：

$(function () {
        $("div[id^=subnav]").hide();
        $("li[id^=nav_]").hover(function () {


            var i = $("li[id^=nav_]").index($(this));


            $("div[id^=subnav]").hide();


            $("div[id^=subnav]").eq(i).show();
        });




    });

第二种，直接在html文件里面写函数

    <script language="javascript" type ="text/javascript">


        function mouseover(object) {


            $("div[id^=subnav]").hide();
 
                    var ss = document.getElementById("subnav" + object);
                    ss.style.display = "block";

 }
       
</script>

注：主菜单是在li标签里面id=nav_[0-9]，子菜单是在div里面id=subnav[0-9]。