1.网址:https://www.swiper.com.cn/
2.这里有演示效果(有pc端的和移动端的)
![](https://img.haomeiwen.com/i24635223/9306f3e74dd08cad.png)
3.下载swiper里面需要的文件
![](https://img.haomeiwen.com/i24635223/e4bf6f2d4f723bb7.png)
4.这里选择以4.5.3为例(单击即可下载)
![](https://img.haomeiwen.com/i24635223/397164db9db64319.png)
5.文档目录如下
![](https://img.haomeiwen.com/i24635223/bf2c0494ce06a1bf.png)
6.首先我们在演示文档找自己需要的效果(这个效果图的序号为280)
![](https://img.haomeiwen.com/i24635223/af80ad49c1ced3e5.png)
7.接着我们就去我们下载的那个文件找对应的html
![](https://img.haomeiwen.com/i24635223/f465833bdc3f3a65.png)
8.点那个效果图进去,然后鼠标右键查看网页源代码
![](https://img.haomeiwen.com/i24635223/a0f3b27d7529daec.png)
9.然后就需要复制html、css、js代码到自己的网页里面
10.三个复制完之后还需要把css文件和js文件这两个文件引入
![](https://img.haomeiwen.com/i24635223/2e64780e1d944449.png)
![](https://img.haomeiwen.com/i24635223/8689a39f8b61cd24.png)
11.下面这两个区别(两个文件内容是一样的,不过swiper.min.css是压缩后的)
![](https://img.haomeiwen.com/i24635223/82d19f4afea75647.png)
12.引入结构
![](https://img.haomeiwen.com/i24635223/26cbe349ebe4a4e6.png)
网友评论