swipe.js 使用方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了swipe.js 使用方法相关的知识,希望对你有一定的参考价值。

 

 

1.插件要求的css样式:

<style>
.swipe {
overflow: hidden;
visibility: hidden;
position: relative;
}
.swipe-wrap {
overflow: hidden;
position: relative;
}
.swipe-wrap > li {
float:left;
width:100%;
position: relative;
}

</style>

2.JS代码:

<script>
var el = document.querySelector(‘.view‘);
var mySwipe = Swipe(el, {
startSlide: 6,
auto: 2000,
callback: function(key, el) {

},
transitionEnd: function(index, elem) {
console.log(index, elem);
}
});
</script>

























以上是关于swipe.js 使用方法的主要内容,如果未能解决你的问题,请参考以下文章

swipe.js怎么动态添加滑动元素

swipe.js如何动态添加滑动元素?

swipe.js怎么停止自动播放

前端插件--swipe.js

swipe js dynamic content

swipe.js实现支持手拔与自动切换的图片轮播