svg swiper_编程笔记

svg swiper

2024-02-26 09:30:11  浏览:696  作者:保利尼奥
...
<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 条评论
  • 这篇文章还没有收到评论,赶紧来抢沙发吧~

【随机内容】

返回顶部