美羊软件用乐观的生活,品味非凡人生。 |
|
网页代码:
<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代码,自己看代码写写吧,不知道意思,不知道写?自己搜搜百度或谷歌吧