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',
	},
});