Swiper滑块是集成 Swiper的移动滑块插件,可自定义样式。
Swiper
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:#FF7F50; width:100%; height:100%; text-align:center; line-height:30em">slider1</div>
<div class="swiper-slide" style="background:#FF6A6A; width:100%; height:100%; text-align:center; line-height:30em;">slider2</div>
<div class="swiper-slide" style="background:#EEEE00; width:100%; height:100%; text-align:center; line-height:30em;">slider3</div>
</div>
</div>
<script>
var mySwiper = new Swiper('.swiper-container', {
autoplay: 3000,//可选选项,自动滑动
})
</script>
使用本插件注意会与同Swiper插件冲突,请开发者谨慎选择,本插件为1.0版本,后续会陆续更新。