本文详细介绍使用Swiper插件实现轮播图的方法。从下载官方压缩包到引入项目，再到页面调用轮播方法，最后展示修改后的代码与样式效果。
作为一个开发人员，轮播图这个大家应该在熟悉不过了。市面上也有很多插件可以实现Bootstrap、Layer、Swiper等等。
今天来说一下swiper这个插件实现方法以及实现的效果图，如下:
1、进入swiper官网 https://www.swiper.com.cn/ 看到如下页面，选择swiper3
2、 下载swiper3压缩包，提取swiper.js或swiper.min.js放在项目文件夹里
引用如下代码:
<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>3、页面中调用swiper的轮播方法如下图：
4、可以根据项目要求修改代码及样式，效果图如下：
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
