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

js代码

$(function() {

var $top = $('.sec-mainNav').offset().top + $('.sec-mainNav').height()

//左侧导航动画

$('.sec-mainNav li').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-mainNav li').on('mouseleave', function() {

$(this).find('.menu-panel').hide();

});

});