鏈接 swiper.js
項目中廣泛用到,所以貼出來,自己遇到了坑點,先貼出
<!-- 消息輪播 -->
<div id="msg_container" class="msg-container">
<div class="msg-swiper">
<ul class="j-msg-wrap msg-wrap swiper-wrapper">
<!-- 插入文字 -->
<li class="swiper-slide"><p>你使用你使用的芒果你使用你使用的芒果尚你使用你使用的芒果尚尚用的1</p></li>
<li class="swiper-slide"><p>你使用的芒果尚未填寫心得2</p></li>
<li class="swiper-slide"><p>你使用的芒果尚未填寫心得3</p></li>
<li class="swiper-slide"><p>你使用的芒果尚未填寫心得4</p></li>
</ul>
</div>
</div>
var mySwiper1 = new Swiper ('.msg-swiper', {
autoplay: 2800,
loop: true
});
跟官網寫的一樣簡單,只要類名 一個是 swipe-slide、swiper-wrapper.這兩個必須要,不然動不起來