jquery实现菜单的二级联动

来源：互联网发布：南充广电网络收费标准编辑：程序博客网时间：2024/04/29 18:25

页面代码

<div id="menu" class="w_80">    <ul id="nav">    <li><a href="jsp/main.jsp">首  页</a></li>    <li><a href="">我的房源</a></li>    <li><a href="">发布房源</a></li>    <li class="mainlevel"><a href="#">系统管理</a>    <ul>    <li><a href="">会员管理</a></li>    <li><a href="">房源管理</a></li>    <li><a href="">户型管理</a></li>    <li><a href="">市区管理</a></li>    <li><a href="">街道管理</a></li>    </ul>    </li>    </ul>    </div>

javascript

$(document).ready(function(){//系统管理菜单$(".mainlevel").find("ul").slideUp();jQuery.navlevel2 = function(level1,dytime) {      $(level1).mouseenter(function(){          varthis = $(this);          delytime=setTimeout(function(){            varthis.find('ul').slideDown();        },dytime);      });      $(level1).mouseleave(function(){         clearTimeout(delytime);         $(this).find('ul').slideUp();      });    };  $.navlevel2("li.mainlevel",300);});