jQuery电商网站左侧商品分类导航菜单代码

jQuery电商网站左侧商品分类导航菜单代码，一款购物商城常用的网站左侧导航悬停显示更多分类、热门分类和商家品牌logo布局样式。

js代码
<scripttype="text/javascript">
$(function(){
var$top=$('.sec-mainNav').offset().top+$('.sec-mainNav').height()
//左侧导航动画
$('.sec-mainNavli').on('mouseenter',function(){
var$height=$(this).offset().top+$(this).find('.menu-panel').outerHeight();
$(this).find('.menu-panel').show();
if($height-$top>=0){
$(this).find('.menu-panel').css({
top:-($height-$top)+'px'
})
}
});
$('.sec-mainNavli').on('mouseleave',function(){
$(this).find('.menu-panel').hide();
});
});
</script>



下载

2023-11-22 22:37 上传

点击文件名下载附件
售价: 3 金币  [记录]  [购买]