swipe 移动端轮播图

本文详细介绍了Swipe.js轮播图插件的使用方法,包括如何下载和运行插件,以及如何通过修改stop方法实现更灵活的轮播控制。提供了插件的基本参数配置说明,如开始位置、动画速度、自动播放间隔等,帮助开发者快速上手并定制个性化轮播效果。
摘要由CSDN通过智能技术生成

转自 https://blog.csdn.net/qq_31648761/article/details/78320898

下载链接:https://codeload.github.com/thebird/Swipe/zip/2.0.0,下载后解压,直接运行index.html文件,在浏览器的手机端访问模式,直接可以拖动轮播图片进行左右轮播

重写swipe.js文件中的stop方法

 function stop() {

    delay=options.auto > 0 ? options.auto : 0;
    clearTimeout(interval);

  }

原文链接:http://caibaojian.com/swipe.html

  • startSlide Integer (default:0) - 开始滚动的位置
  • speed Integer (default:300) - 动画滚动的间隔(秒数)
  • auto Integer - 开始自动幻灯片(以毫秒为单位幻灯片之间的时间)
  • continuous Boolean (default:true) - 创建一个无限的循环(当滑动到所有动画结束时是否循环滑动)
  • disableScroll Boolean (default:false) - 当滚动滚动条时是否停止幻灯片滚动
  • stopPropagation Boolean (default:false) - 是否停止事件冒泡
  • callback Function - 幻灯片运行中的回调函数
  • transitionEnd Function - 动画运行结束的回调函数
  • 来源:前端开发博客

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值