1.网址:https://www.swiper.com.cn/
2.这里有演示效果(有pc端的和移动端的)
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
网友评论