Swiper+自动播放+抓手形状

在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>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpwjxz.html