swiper 中文版是一款小巧强大的触摸滑动插件。
swiper2.0是由纯javascript打造,具有开源、免费、稳定等优点,拥有Smooth Progress插件、3D flow插件和Scrollbar插件等,同时能够为用户实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果,操作方式更加高效便捷。
【swiper2.0基本介绍】
Swiper(前称Swiper master) 是一款免费以及轻量级的移动设备触控滑块的js框架,使用硬件加速过渡(如果该设备支持的话)。主要使用与移动端的网站、网页应用程序(web apps),以及原生的应用程序(native apps)。
【swiper2.0功能特性】
1:1 触摸比例
Swiper默认为1:1 触摸比例,比例可以自定义。(通过修改touchRatio)
模仿触控
能让鼠标也支持触摸滑动效果,可以在PC端也能滑动起来,也就是支持在电脑端鼠标拖动。
水平/垂直方向
Swiper可以设定向两个方向运动,水平方向(horizontal)以及垂直方向(vertical)
旋转调整
Swiper 在移动设备旋转后可以自适应尺寸,可以自动根据设备旋转和缩放。
响应比例
能使用百分比的宽高定义内容块,为移动端提供不同的解决方案。
抵抗反弹
当滑动滑块超过最左以及最右(最上或最下)的位置时触发的抵御机制。
内建分页控制
Swiper能够快速生成内建的分页器(pagination)。
自动播放
只用设置延迟时间,Swiper就会自动地轮播slides直到你触碰该滑块为止。
循环模式
在这种模式下,你能够无限滑动滑块,到最后一个之后又会跳回到第一个。
嵌套Swiper
能够将Swiper嵌套入各种不同的Swiper 的slide里,例如垂直的或水平的。
任意HTML 标签
可以将任意内容放到slide里,不止仅限于图像。
硬件加速
swiper 使用硬件加速技术(如果该移动设备支持的话)能够得到良好流畅的动画效果以及优美的外观,尤其是在IOS设备里。
配置灵活
Swiper在初始化的时候能够设定多个参数以便让其更加的灵活。例如滑动的速度,方向,以及模式等。
良好的兼容性
Swiper支持移动端的Safari,Android 2.1+,windows Phone 8,以及PC端的Chrome,Firefox,IE7-10 和 Opera
独立性
Swiper不依赖像jQuery那样的js类库,因此能够让Swiper更加的小型以及快速。
超轻量级
压缩后仅仅10KB左右。
【swiper2.0软件特色】
Swiper常用于移动端网站的内容触摸滑动Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端,以及PC端网站。
Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。
Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
Swiper拥有简单又好用的插件Swiper拥有Smooth Progress插件、3D flow插件和Scrollbar插件。
这些插件可以实现更复杂的效果,而制作这些效果的过程却很简单。
合理的利用Swiper的插件可以加速开发,这会让你的老板对你的工作效率大加赞赏!
或许你在使用Swiper时希望加入一些3d效果Swiper的setTransform和setTransition以及setTranslate函数可以制作3d变形。
Smooth Progress插件可以帮助你获取到滑块的排序索引。
如果你不想花太多时间开发,Swiper还准备了一个现成的插件3D flow供你使用,当然你无法随意改变它的表现形式!
【swiper2.0使用方法】
1.首先加载插件,在本站下载完整基础测试包,测试包里面已经包含了js和css文件。
2.HTML内容。
3.函数调用。
4.另外,函数调用还支持jQuery和Zepto,如果需要使用,请先加载jQuery.js或zepto.js。
由于IE7不支持querySelectorAll和querySelector方法,因此IE7必须要引入Jquery
【swiper2.0基本结构】
Swiper :滑动、切换
整个滑动对象,有时特指滑块释放后仍然正向移动直到贴合边缘的过程
containe:容器 Swiper的容器
里面包括滑动块(slide)的集合(wrapper)、分页器(pagination)、前进按钮等
wrapper: 包含
触控的对象,可触摸区域,移动的块的集合
slider :滑块
切换的块中的一个,可以是一段文字、一张图片或者一段html代码
pagination :
分页 指示slide的数量和当前活动的slide
active :活动的、激活的
默认可视区域内最左边的slide是活动的,其他的是非活动的
callback :回调函数
在某些情况下触发