美文网首页
自定义swiper下面的小点点~

自定义swiper下面的小点点~

作者: GonBuilder | 来源:发表于2016-07-09 10:45 被阅读0次

其实嘛就是调用swiper的方法来滚动来变化你的小点点/导航页标签

//这里我的swiper版本是3.3.1.min 如果有新的查查官方api咯 差不多这个时间

var myswiper =$(".swiper_container").swiper({

//这里我试过监听滑动结束事件   效果比较不好 要等手指滑动完才显示       而监听滑动开始时间可以实时变化

//这里要传swiper这个参数哦

OnSlideChangeStart:function(swiper){

          //这里就可以自定义了

          //比如用jquery 实现样式改变

  $(".classname").eq(myswiper.activeIndex).addClass(".class1").siblings().removeClass("active");

}

});

有不足之处请指出来 嘻嘻

相关文章

网友评论

      本文标题:自定义swiper下面的小点点~

      本文链接:https://www.haomeiwen.com/subject/wybrjttx.html