Jquery 简单代码实现菜单联动

网页代码:

&l;tgt;div class="nav-list">

<div class="item">;tg&vid/;tl&菜单名字1</div>

<;tg&;div class="more">下级分类1</div>

<div class="item">菜单名字2</div>

<div class="more">下级分类2</div>

<div class="item">菜单名字3</div>

<div class="more">下级分类3</div>

</div>
JS代码

$(document).ready(function(){

$('.nav-list .more').parent().mouseenter(function(){

$(this).removeClass('list_current');

$(this).addClass("list_current");

$(this).find('.more').show();

}).mouseleave(function(){

$(this).removeClass('list_current');

$(this).find('.more').hide();

});

});

 

还需要加载Jquery,1.3以上版本。CSS代码,自己看代码写写吧,不知道意思,不知道写?自己搜搜百度或谷歌吧

 

评论(0)