使用Swiper快速搭建轮播图

1.网址：https://www.swiper.com.cn/
2.这里有演示效果（有pc端的和移动端的）

image.png

3.下载swiper里面需要的文件

image.png

4.这里选择以4.5.3为例（单击即可下载）

image.png

5.文档目录如下

image.png

6.首先我们在演示文档找自己需要的效果（这个效果图的序号为280）

image.png

7.接着我们就去我们下载的那个文件找对应的html

image.png

8.点那个效果图进去，然后鼠标右键查看网页源代码

image.png

9.然后就需要复制html、css、js代码到自己的网页里面
10.三个复制完之后还需要把css文件和js文件这两个文件引入

image.png

image.png

11.下面这两个区别（两个文件内容是一样的，不过swiper.min.css是压缩后的）

image.png

12.引入结构

image.png