此作品是一款实用性非常大的特效,是商城必不可少的神兵利器,实现了商城左侧分类jquery导航菜单,是从事政府资助工作的网友杰立浏览衣联网的时候整理分享出来的,没天猫的导航那么复杂,使用起来比较方便,大家去下载吧。。。
核心jquery代码如下:
(function(){
var $menuLi =$('#nav .menu');
var $menuHd = $('#nav .menu-hd');
var $menuBd = $('#nav .menu-bd');
var $arrow = $('#nav .m1 i');
$menuBd.hover(function(){
$menuHd.addClass('on');
},function(){
$menuHd.removeClass('on');
});
$menuLi.hover(function(){
$menuHd.children('b').addClass('b-on');
},function(){
$menuHd.children('b').removeClass('b-on');
})
})();
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友杰立 导航菜单 二级菜单 弹出层 选项卡 三级联动 天猫左侧分类导航