swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本、4.x版本，2.x版本支持低版本浏览器(IE7)，3.x以上放弃支持低版本浏览器，适合应用在移动端。
2.x版本中文网址：http://2.swiper.com.cn/ 最新版本中文网地址：http://www.swiper.com.cn/
本篇章就直接用最新的版本进行介绍使用了。
访问最新版本的中文网
一进入界面就可以看到
Swiper 4
的标题，直接点击开始使用Swiper，开始入门使用。
Swiper4.x使用方法
可以看到文档的内容非常详细，基本写了很详细的入门代码编写。下面我们来按照说明，编写一下这里面写的slider方法。
下载Swiper的文件
进入到Swiper文件的下载，如下：
到这里只要按照说明进行下载即可。
打开下载好的 swiper-4.5.0 完整包，查看相关示例
我直接将完成的文件包下载下来，下面来看看文件结构，如下：
可以看到有众多的示例代码，随便点开其中一个看看。
可以看到具有各种各样的slides示例。
查看相关代码结构
从上面的代码来看，结构非常清晰，如果要使用的话，主要需要做几个动作：
1、引入
swiper.min.css
2、引入
swiper.min.js
3、复制示例代码
4、将Slide内部内容改为图片即可