// Swipe 实例一 使用教程 _________________________________________________________________________ // 调用方法一 window.mySwipe = new Swipe(document.getElementById('slider'), { // 默认开始的索引 这里是第一个节点 // 默认 0 startSlide : 0, // 滑动的速度 默认300 speed : 400, // num 多少秒后自动滑动 // true 自动滑动 时间默认 // false 取消自动滑动 // auto: 1000, // true 循环播放(默认) // false 取消循环播放 continuous : true, // true 允许触摸滑动 // false 禁止触摸滑动(默认) disableScroll: true, // false 停止事件传播(默认) // true 允许事件传播 stopPropagation: false, // 回调函数 // index 滑动节点的索引 // el 滑动节点 callback: function(index, el) { console.log(index, '-', el); }, // 每屏滑动完成后才触发 // callback 滑动就触发 // transitionEnd 某个节点滑动完成后才会触发 transitionEnd: function(index, el) { console.log(index, el); } }); $('a:eq(0)').on('click', function (){ // 去掉注释看效果 // 设置滑动到哪个节点 // mySwipe.slide(2); // 上一页方法 mySwipe.prev(); }); $('a:eq(1)').on('click', function (){ // 去掉注释看效果 // 设置滑动到哪个节点 // mySwipe.slide(0); // 下一页 mySwipe.next(); }); // 调用方法二 // 属性跟方法一相同 这里不再重复 var el = document.getElementById('slider'); window.mySwipe = Swipe(el, { startSlide:0, auto: 3000, continuous: true, disableScroll: true, stopPropagation: true, callback: function(index, element) {}, transitionEnd: function(index, element) {} });