今天给大家分享一个网站swiper中文网，在开发网页过程中，关于幻灯片这块，我基本都是直接用它的插件，非常好用！
关于swiper
swiper 是一款免费以及轻量级的移动设备触控滑块的js框架，使用硬件加速过渡（如果该设备支持的话）。主要使用于移动端的网站、移动web apps，native apps和hybrid apps。主要是为ios而设计的，同时，在android、wp8系统也有着良好的用户体验，swiper从3.0开始不再全面支持pc端。因此，如需在pc上兼容更多的浏览器，可以选择swiper2.x（甚至支持ie7）。
目前，有很多优秀网站都在使用swiper
具体的可以直接访问官网地址：http://swiper
swiper优点
swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端
swiper能实现触屏焦点图、触屏tab切换、触屏多图切换等常用效果
swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择
swiper常用于移动端网站的内容触摸滑动
swiper拥有灵活的progress，这是自定义制作3d切换效果的利器
swiper制作3d切换效果的方法多种多样。cube、coverflow和flip可以轻松的实现3d过渡，如果你想制作其他新颖的切换方式，推荐使用progress。
progress可以帮助你获取到滑块的进度索引。
例如：watchslidesprogress
开启这个参数来计算每个slide的progress(进度、进程)，swiper的progress无需设置即开启。
对于slide的progress属性，活动的那个为0，其他的依次减1。例：如果一共有6个slide，活动的是第三个，从第一个到第六个的progress属性分别是：2、1、0、-1、-2、-3。
对于swiper的progress属性，活动的slide在最左（上）边时为0，活动的slide在最右（下）边时为1，其他情况平分。例：有6个slide，当活动的是第三个时swiper的progress属性是0.4，当活动的是第五个时swiper的progress属性是0.8。
swiper的progress其实就是wrapper的translate值的百分值，与activeindex等属性不同，progress是随着swiper的切换而不停的变化，而不是在某个时间点突变。
watchslidesprogress参数
类型：
boolean
默认：
false
举例：
true
启用版本：
4.0.0
更多功能，可以直接访问官网：swiper中文网 [http://swiper]
swiper 4 的特色功能
不依赖框架：
swiper无需加载任何公共库（如jquery）即可运行，这保证了swiper的轻量和运行速度。swiper也可以在加载了公共库的环境下安全的运行，如jquery, zepto, jquery mobile等
1:1的触摸滑动：
swiper默认的触摸比例为1:1，你可以通过修改swiper的设置来改变这个比例。
监视器：
swiper可以通过设置开启监视器，有了这个功能swiper可以在你动态改变dom或swiper的样式时自动重新初始化并计算所需的元素。
丰富的api：
swiper 拥有丰富的api，允许你建立自己独特的分页器、导航、视差滚动、或其他精彩的效果
多行slides布局：
swiper允许多行slides布局，这样每行的slide就会较少。
过渡效果：
增加了三种新的过渡效果：淡入、3d方块、3d流。
flexbox网格：
你可以在swiper初始化的时候设定slide的显示，包括每行、每列、每组数量以及他们的间距等。