使用Swiper实现无线滚动效果

最新推荐文章于 2024-08-19 12:12:08 发布

小溪彼岸

最新推荐文章于 2024-08-19 12:12:08 发布

阅读量8.7k

点赞数

分类专栏： # HTML 文章标签： html swiper

本文链接：https://blog.csdn.net/zww1984774346/article/details/51984589

版权

本文介绍了如何利用Swiper库实现无限滚动效果。通过在HTML body中添加特定的容器和滑动子元素，并结合提供的swiper-container和swiper-slide类，可以创建滑动展示。同时，Swiper还支持添加分页指示器swiper-pagination。

摘要由CSDN通过智能技术生成

swiper地址：http://idangero.us/swiper/api/#.V5B6wJN969s

在HTML body加入以下内容：

<div class="m-detail-show">
 <!-- Swiper -->
 <div class="swiper-container">
 <div class="swiper-wrapper">
 <div class="swiper-slide"><img src="../../img/game/banner.png"></div>
 <div class="swiper-slide"><img src="../../img/game/banner.png"></div>
<div class="swiper-slide"><img src="../../img/game/banner.png"></div>
 <div class="swiper-slide">