swiper真的太好用了,根本停不下来!
<div class="swiper-container" >
<div class="swiper-wrapper flex">
<div class="swiper-slide">
<img class="" src="__home__/static/picture/index_banner1.png">
</div>
<div class="swiper-slide">
<img class="" src="__home__/static/picture/index_banner2.jpg">
</div>
<div class="swiper-slide">
<img class="" src="__home__/static/picture/d_banner.png" style="height:630px;">
</div>
</div>
</div>
js代码
var swiper = new Swiper('.swiper-container', {
spaceBetween: 30, //slide之间的距离
centeredSlides: true, //若为真,那么活动块会居中,而非默认状态下的居左
mousewheel: false,
grabCursor: true,
autoplay: { //自动切换
delay: 1000,
disableOnInteraction: false
}
});
$('.swiper-container').hover(function(){
swiper.autoplay.stop();
},function(){
swiper.autoplay.start();
});
最底部的方法,就是鼠标悬停的解决方案.感谢各位大佬.