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

yzch6671

2年前发布

014850

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

js代码

<script type=\"text/javascript\">
$(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();
	});
});
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END