一 关于Swiper
swiper是一款轻量级以及免费的移动设备触控滑块的js框架，主要运用于移动端的操作，但也可以用于pc端页面效果制作，完全的开源免费，
二 学习Swiper
Swiper官网提供了学习方法以及API文档，为我们学习提供了很大的帮助，在学习之前可以先看一下官网的在线演示效果，包括基础演示和精彩移动端以及PC端的页面展示，了解Swiper的精彩之处，下面通过一个京东主页面的轮播来介绍Swiper（京东轮播图属于固定大小的轮播图，比较简单）
1.准备工作
首先我们需要下载swiper，官方网站提供，可以下载完整的zip文件包，也可以只下载这三个文件（jquery-1.11.3.min.js swiper.min.js swiper.min.css ）,新建文件夹js和css，将js文件放在js中，将css文件放在css中，同时去京东官网获取轮播图片，放在image文件夹下
2 新建html文件
将下载的文件引入到页面中，官网中介绍了，首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。可下载Swiper文件或使用CDN
京东轮播
3 HTML内容。
//一个大容器装载内容，高度是有内部的内容撑起 <!-- 如果需要分页器 --> //就是下面的小圆点 <!-- 如果需要导航按钮 --> //向左的箭头 //向右的箭头 <!--如果需要滚动条 --> <!--//此处不需要，京东轮播图不需要
3 .给Swiper定义一个大小
因为京东图片大小为540*470，你可以直接在swiper-container中定义大小，也可以重新定义一个class来定义大小（此处我用myswiper）
*{ margin:0; padding:0; } .myswiper{ width:590px; height: 470px; }
4.初始化Swiper：最好是挨着
标签（如果没有紧挨着可以在函数前加函数）
完整代码
html>
原文出处：https://www.cnblogs.com/qianqian-it/p/9583300.html
