一、参考文档
1.官网：https://swiper.com.cn/
2.案例展示：https://swiper.com.cn/demo/index.html
3.获取swiper文件：https://swiper.com.cn/download/index.html
4.API文档：https://swiper.com.cn/api/index.html
二、使用步骤
（一）简易案例步骤
1.进入官网，先将swiper下载下来。
获取里面的两个文件： 一个css文件、一个js文件。稍后需要使用。
2.操作步骤
（1）在案例里面找到自己喜欢的样式。点击它右上角的“在新窗口打开”
（2）得到该案例的全屏展示效果，右键——查看页面源代码
（3）展开之后看到源代码，直接全部复制，并粘贴到自己的html文件里面。把标红地方的路径地址改为自己本地的路径。（上面已经让你下载过了）
（4）目录结构。
（5）整体结构与使用
效果展示：
（6）简易案例的全部代码
（二）如果想实现其他功能，需要查看API文档
比如： 我想实现自动轮播，找到有关的API点进去看看。 也就是说写上autoplay:true就可以实现自动轮播，如果我想调整时间呢，一秒钟切换一次。delay属性控制时间。
var mySwiper = new Swiper('.swiper', {
autoplay: {
delay: 1000,//1秒切换一次
},
});
如果想出现分页器：https://swiper.com.cn/api/pagination/362.html 如果想循环则使用：https://swiper.com.cn/api/loop/22.html 如果想复制文字：https://www.swiper.com.cn/api/swiping/39.html 以上都加上之后的效果是： 代码：
三、总结
1.进入官网，找到喜欢的样式，复制源代码，然后该js和css文件路径。 2.根据API文档找到自己想要的功能。
推荐文章
您阅读本篇文章共花了：
发表评论