jQuery网格布局列表布局切换特效

一款通过jQuery来为元素切换不同的class类，来将布局显示为网格布局或列表布局的jQuery网格布局和列表布局切换特效代码。

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#list').click(function(event){event.preventDefault();$('#products .item').addClass('list-group-item');});
		$('#grid').click(function(event){event.preventDefault();$('#products .item').removeClass('list-group-item');$('#products .item').addClass('grid-group-item');});
	});
</script>

在线预览
资源均来自第三方，谨慎下载，前往第三方网站下载