推荐一款移动WEB页面内容触摸滑动类库-swipe.js

2014-10-27 10:00 栏目:技术开发 查看(15757)

湖南幸运赛车爱彩人彩票网 www.schu9.cn 最近在做我们自己湖南幸运赛车爱彩人彩票网官网的手机版,其中在微门户部分要用到一个幻灯片的地方,其实用js或者js的框架之一jq写一个pc端的这种效果比较容易的,但在移动端写出来总是不尽人意。在开发过程中也看到了很多其他大型网站用的该部分的js,发现太过于累赘了。然后就想到了开源类库了,咱们热爱开源,所以很多时候都来折腾点开源的东西。不像某些长沙网络公司之间复制一段js贴上去就完事了。后来我们发现了一款名为swipe.js的轻量级开源类库,大小只有8KB。

虽然是一个极其轻量级的类库,但它的功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触摸移动操作,而且还可以设置自动播放、等比例缩放等等实用性的功能。

几个关于swipe.js的使用参数

startSlide: 4, //起始图片切换的索引位置
auto: 3000, //设置自动切换时间,单位毫秒
continuous: true, //无限循环的图片切换效果
disableScroll: true, //阻止由于触摸而滚动屏幕
stopPropagation: false, //停止滑动事件
callback: function(index, element) {}, //回调函数,切换时触发
transitionEnd: function(index, element) {} //回调函数,切换结束调用该函数。

除此之外还有我们经常需要调用的API

prev():上一页
next():下一页
getPos():获取当前页的索引
getNumSlides():获取所有项的个数
slide(index, duration):滑动方法

更多的细节大家可以去它的官网或者github去参考,也可以到时候参考我们的手机版官网哦。

swipe.js官网地址://swipejs.com/

swipe.js在github的项目主页:https://github.com/thebird/Swipe

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

转载请注明出处:推荐一款移动WEB页面内容触摸滑动类库-swipe.js - 微构网络
分享:
  • 中央直属机关工委主要职责 2019-05-22
  • 打造“互联网+”,共享经济改变百姓生活 2019-04-22
  • 破财免灾!C罗愿向西班牙税务部门缴纳1880万欧元 2019-04-19
  • 中国品牌SUV新标杆 人民网试驾WEY VV7VV5 2019-04-19
  • 杨爱国:借助小博会促进尚志社会经济加快发展 2019-04-15
  • 泪目!川农院士逝世5年,夫人每日都去看他的雕像…思念如马,不停蹄! 2019-04-15
  • 海信世界杯首秀出奇招 竟打出俄文广告 2019-03-25
  • 财政部:对原产于美国的500亿美元进口商品加征关税 2019-03-11
  • 我和《人民日报》(我与人民日报·纪念人民日报创刊70周年) 2019-03-11
  • 杭州再增100个海绵城市项目 2018-11-08
  • 新华网申领新闻记者证资格审核公示 2018-11-08
  • 466| 17| 747| 264| 359| 543| 160| 814| 621| 799|