jQuery商城常用产品分类导航效果

使用方法：

载入CSS样式、jQuery库文件、JS插件文件

<link rel="stylesheet" href="css/index.css" type="text/css">
<script type="text/javascript" src="js/jquery.min.js">script>

加入插件JS初始化、配置代码

$(function(){
	//商品分类
	$('.all-goods .item').hover(function(){
		$(this).addClass('active').find('s').hide();
		$(this).find('.product-wrap').show();
	},function(){
		$(this).removeClass('active').find('s').show();
		$(this).find('.product-wrap').hide();
	});
});

HTML部分可下载附件查看，比较多这里就不介绍了