Swiper 是一款免费以及轻量级的移动设备触控滑块的框架，主要应用在移动端的网站、网页应用程序，以及手机App。同时，它也能良好的兼容PC端，做出精美的轮播以及动画效果。可以说正确的使用Swiper.js能帮助我们事半功倍。
方法/步骤
1
下载Swiper插件在浏览器中输入并搜索Swiper，找到并打开Swiper.js官方网站，下载Swiper插件
3
引用插件swiper.css和swiper.js在HTML头部
中引用swiper.css，在最后面引用swiper.js4 
运用HTML样式布局
5
swiper初始化在swiper.js后添加js样式
6
此时，轮播图已经完成，效果如图所示
注意事项
1
引用swiper.css和swiper.js时注意路径是否正确。
2
更多详细教程可以参考Swiper官网中的开发文档。