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

来源:https://www.sucaihuo.com/js/3340.html 2017-12-26 20:16浏览(1553) 收藏

一款很实用的jQuery仿天猫商城商品分类导航菜单切换代码,鼠标滑过切换菜单分类,适用于分类比较多的大型商城首页。
jQuery仿天猫商城商品分类导航菜单切换代码
分类:导航菜单 > 多级菜单 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

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');
	})

})
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2