Jquery 简单代码实现菜单联动
网页代码:码:
<tg&;div class="nav-list">JS代码&l;tgt;div class="item">菜单名字1</div>
<d;tg&iv 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>
$(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代码,自己看代码写写吧,不知道意思,不知道写?自己搜搜百度或谷歌吧
本站为非盈利性个人网站,VIP仅作为用户喜欢本站捐赠打赏功能,外部资源仅限用于学习与研究目的,如用于商业或非法用途,一切后果自负。
© 2006 - 2025 美羊(Meiyang.me) | 粤ICP备15063972号
评论 (共0条)
发表评论