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

yzch6671

1年前发布

046760

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>

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

THE END