jQuery自适应栅格式左右滑动轮播卡片式table

最新推荐文章于 2021-07-28 23:42:12 发布

原创最新推荐文章于 2021-07-28 23:42:12 发布 · 630 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #html #css #自适应源码

html 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一款使用jQuery和CSS3实现的响应式图文卡片布局轮播切换特效，该特效支持自适应不同设备屏幕尺寸，包括电脑和手机端。通过简单的代码配置即可实现平滑的轮播效果。

一款简单实用的jQuery+CSS3响应式图文卡片布局轮播切换特效，自适应电脑和手机端浏览。

示例图：

js代码段：

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script>
	$(document).ready(function() {
		$("#news-slider").owlCarousel({
			items:3,
			itemsDesktop:[1199,2],
			itemsDesktopSmall:[980,2],
			itemsMobile:[600,1],
			pagination:false,
			navigationText:false,
			autoPlay:true
		});
	});
</script>

下载地址：

链接: https://pan.baidu.com/s/1FLfEYRT4-rv--j4nznw8rQ 提取码: yjzw 复制这段内容后打开百度网盘手机App，操作更方便哦
--来自百度网盘的分享