最新分享 » 网页技术 » Jquery 简单代码实现菜单联动

Jquery 简单代码实现菜单联动

时间:2013-3-2 作者:天空下的雨 分类: 网页技术 评论:0 浏览:24528

网页代码:

<div class="nav-list">
  <div class="item">菜单名字1</div>
  <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代码,自己看代码写写吧,不知道意思,不知道写?自己搜搜百度或谷歌吧

 

标签: jquery 网页技术 前端