swiper.js 实现弹幕效果

最新推荐文章于 2022-12-09 19:15:24 发布

原创最新推荐文章于 2022-12-09 19:15:24 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #前端 #css #swiper

前端同时被 2 个专栏收录

34 篇文章

订阅专栏

工作文档

8 篇文章

订阅专栏

这段代码展示了如何利用Swiper.js库创建一个自动轮播的效果，配置包括每页显示两个幻灯片，4秒切换一次，且在用户交互时不停止轮播。Swiper.js版本为5.3.8。

            setTimeout(function() {
              new Swiper('.comment-swiper-container', {
                autoplay: {
                    disableOnInteraction: false,
                    delay: 0
                },
                autoplayDisableOnInteraction : false,
                slidesPerView: 2,
                speed: 4000,
                loop: true
              })
            }, 100)

【备注：swiper.js 版本 5.3.8】