Swiper轮播图

轮播图在日常的网页中非常常见，要是自己去写就非常的繁琐，那么有没有一个现成的封装好的css和js等着我们去调用就行了呢？这里我们就要讲到插件，今天讲讲这个轮播图插件如何去使用，今天讲的是swiper3的使用，这个版本比较稳定。

一、如何使用

1）进入官网：Swiper3|Swiper中文网

2）下载插件

 3）获取到这个压缩包以后，解压缩，然后我们对着文档来看，先点开在线演示，里面有各色各样的动画效果。

 我们随便选了个动画效果来讲，这里我们可以在下载好了的文件中找到一个叫demos的文件夹，里面的15-infinite-loop.html就是案例。

 

 点击打开就有效果，然后对着代码来讲，代码分成3块。

css部分，这个是引入外部的css文件，也是这个轮播图的主要css。style里面是在这个页面的的css样式

<link rel="stylesheet&