Swipe JS

一个轻量级js触摸滑动类库 – Swipe JS。

这是一个非常小的一个javascript类库,但功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触摸移动操作,而且还可以设置自动播放、等比例缩放等等实用性的功能。
参见:[url]http://www.jiawin.com/swipe-mobile-touch-slider[/url]
[url]http://www.w3cplus.com/mobile/mobile-terminal-refactoring-scroll-with-swipe.html[/url]
[url]http://www.jiawin.com/swiper-mobile-touch-slider-js[/url]
window.mySwipe = new Swipe(document.getElementById('slider'), {
startSlide: 2, //起始图片切换的索引位置,默认为0
speed: 400, //动画执行时间,单位毫秒,默认为300
auto: 3000, //设置自动切换时间,单位毫秒,无默认值
continuous: true, //无限循环的图片切换效果,默认为true
disableScroll: false, //阻止由于触摸而滚动屏幕,默认为false
stopPropagation: false, //阻止事件冒泡,默认为false
callback: function(index, elem) {}, //回调函数,滚动时调用
transitionEnd: function(index, elem) {} //回调函数,滚动的transition动画结束后调用。
});

比较使用的API方法,例如:
prev():上一页
next():下一页
getPos():获取当前页的索引
getNumSlides():获取所有项的个数
slide(index, duration):滑动方法
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值