美文网首页
自定义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