jQuery Bootstrap响应式网格布局和列表布局切换特效

来源:https://www.sucaihuo.com/js/2359.html 2017-07-09 19:20浏览(1054) 收藏

基于Bootstrap响应式网格布局和列表布局切换特效,jQuery点击按钮网格布局和列表布局切换代码。
jQuery Bootstrap响应式网格布局和列表布局切换特效
分类:其它特效 > bootstrap 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></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>
标签: 网格布局列表
评论0
头像

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

1 2