jQuery仿天猫商城商品分类导航菜单切换代码

jQuery仿天猫商城商品分类导航菜单切换代码

jQuery仿天猫商城商品分类导航菜单切换代码

一款很实用的jQuery仿天猫商城商品分类导航菜单切换代码,鼠标滑过切换菜单分类,适用于分类比较多的大型商城首页。

源码介绍

js代码

$(function() { 
 
 
    $('.containor').on('mouseenter'function() { 
        $(".nav_right").removeClass('hide'); 
    }).on('mouseleave'function() { 
        $(".nav_right").addClass('hide'); 
        $(".sub").addClass('hide'); 
    }).on('mouseenter''li'function(e) { 
        var li_data = $(this).attr('data-id'); 
        $(".sub").addClass('hide'); 
        $('.sub[data-id="' + li_data + '"]').removeClass('hide'); 
    }
 
})


分享到 :

发表评论

登录... 后才能评论