swiper

当前位置:首页 > 前端 > swiper

svg swiper

...
<script type="text/javascript">
    var swiper = new Swiper('.lunbotu', {
        effect : 'fade',
        pagination: '.lunbotu .swiper-pagination',
        paginationClickable: true,
        speed: 1000,
        observer: true,
        observeParents: true,
        loop: true,
        autoplay: 4000,
        autoplayDisableOnInteraction: false,
        autoHeight: true, //高度随内容变化
        observer: true,
        observeParents: true,
        onPaginationRendered:function(swiper, paginationContainer){
            $('.swiper-pagination-bullet').append('<svg><circle cx="19" cy="19" r="18" fill="none"></circle></svg><span></span>');
        },
        onInit: function(swiper){
            swiperAnimateCache(swiper);
            swiperAnimate(swiper);
        },
        onSlideChangeStart: function(swiper) {
            swiperAnimate(swiper);
        },
    });


    $('.timer').countUp({
        delay: 10,
        time: 2000,
    });

</script>


上一篇:swiper 嵌套切换

下一篇:已经是最后一篇

相关内容

文章评论

表情

共 0 条评论,查看全部
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~