owlCarousel响应式插件 ,左右留缝隙缩略图
<script src="js/owl.carousel.min.js"></script>
			<script src="js/main.js"></script>
			<script>
				$('.owl-carousel').owlCarousel({
					stagePadding: 100,
					loop: true,
					margin: 40,
					nav: true,
					items: 1,
					responsive: {
						1200: {
							stagePadding: 150,
						},
						1600: {
							stagePadding: 400,
						},
					}
				})
			</script>
<div class="people-cells">
						<div class="owl-carousel owl-theme">
							<div class="item">
								<div class="peo-card shadow shadow">
									<div class="peo-body">
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
										<div class="p-decs">留学两年多,刷题过三千。CS科班出身,但非ACMer,从没接触过ACM。从树的遍历捡起算法只是,纯自己刷题,在北美留学期间刷了3000多到题,全部都是Leetcode和面试题。自我总结出公司面试题出题方式,套路。独立做出针对面试刷题的课程,课程有《算法基础知识(上下)》《题型技巧总结(上下)》《Leetcode 题目视频讲解(上中下1-900题)》</div>
									</div>
									<div class="peo-grid">
										<img src="images/ren.jpg" alt="" />
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="peo-card shadow">
									<div class="peo-body">
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
										<div class="p-decs">留学两年多,刷题过三千。CS科班出身,但非ACMer,从没接触过ACM。从树的遍历捡起算法只是,纯自己刷题,在北美留学期间刷了3000多到题,全部都是Leetcode和面试题。自我总结出公司面试题出题方式,套路。独立做出针对面试刷题的课程,课程有《算法基础知识(上下)》《题型技巧总结(上下)》《Leetcode 题目视频讲解(上中下1-900题)》</div>
									</div>
									<div class="peo-grid">
										<img src="images/ren.jpg" alt="" />
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="peo-card shadow">
									<div class="peo-body">
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
										<div class="p-decs">留学两年多,刷题过三千。CS科班出身,但非ACMer,从没接触过ACM。从树的遍历捡起算法只是,纯自己刷题,在北美留学期间刷了3000多到题,全部都是Leetcode和面试题。自我总结出公司面试题出题方式,套路。独立做出针对面试刷题的课程,课程有《算法基础知识(上下)》《题型技巧总结(上下)》《Leetcode 题目视频讲解(上中下1-900题)》</div>
									</div>
									<div class="peo-grid">
										<img src="images/ren.jpg" alt="" />
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
									</div>
								</div>
							</div>
							<div class="item">
								<div class="peo-card shadow">
									<div class="peo-body">
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
										<div class="p-decs">留学两年多,刷题过三千。CS科班出身,但非ACMer,从没接触过ACM。从树的遍历捡起算法只是,纯自己刷题,在北美留学期间刷了3000多到题,全部都是Leetcode和面试题。自我总结出公司面试题出题方式,套路。独立做出针对面试刷题的课程,课程有《算法基础知识(上下)》《题型技巧总结(上下)》《Leetcode 题目视频讲解(上中下1-900题)》</div>
									</div>
									<div class="peo-grid">
										<img src="images/ren.jpg" alt="" />
										<div class="p-name">Edward Shi Cspiration</div>
										<div class="p-text">创始人</div>
									</div>
								</div>
							</div>
						</div>
					</div>

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注