swiper触摸滑动插件
1 2 6511 0
有侵犯版权请及时联系我们,我们将在24小时内删除素材。
投诉举报


Swiper中文网:https://www.swiper.com.cn/


Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!


引入文件

<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.min.js"></script>


html

<div class="swiper-container banner">
	      <div class="swiper-wrapper">
	        <div class="swiper-slide">
	          <a href="" target="_blank">
	          <img src="images/1.jpg" alt="">
	          </a>
	        </div>
	        <div class="swiper-slide">
	          <img src="images/2.jpg" alt="">
	        </div>
	        <div class="swiper-slide">
	          <img src="images/3.jpg" alt="">
	        </div>
	      </div>
	      <div class="swiper-pagination"></div>
</div>


js

var bannerSwiper = new Swiper('.banner', {
	loop: true,
	autoplay: true,
	delay: 3000,
	/* effect: "fade", */
	pagination: {
		el: '.swiper-pagination',
		clickable: true,
		type: 'bullets',
	},
});



评论(0) 帮助他人、分享经验 我要评论
上传时间: 2021-01-11
分类: 代码 /  插件
文件大小: 278.37 KB
收藏
下载
请在Safari浏览器下载