在WEB开发中,时常会用到轮播图,今天来介绍一下swiper当中的自动播放+抓手光标(改变我们光标在swiper页面当中的样式)。
第一步,需要引入swiper.min.css和swiper.min.js两个文件(如果没有可以到swiper中文网下载)
第二步,HTML部分,我们还是搭建一个基础的swiper页面布局。
<div> <div> <div>slide 1<img src="http://www.likecs.com/logo.png"></div> <div>slide 2<img src="http://www.likecs.com/logo.png"></div> <div>slide 3<img src="http://www.likecs.com/logo.png"></div> <div>slide 4<img src="http://www.likecs.com/logo.png"></div> <div>slide 5<img src="http://www.likecs.com/logo.png"></div> <div>slide 6<img src="http://www.likecs.com/logo.png"></div> </div> </div>