jQuery+swiper.js幻灯片图片视差滚动轮播特效,非常棒的一款带标签的jQuery图片视差切换代码。
js代码
<script type="text/javascript" src="https://img.x22t.com/file/2020/04/25/1834be398317cb85bacd96e9d6a9240d3274.js"></script>
<script src="https://img.x22t.com/file/2020/04/25/f12e40bce605c5691c0a1ce1294e1aaa5846.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//最里层轮播
var mySwiper1 = new Swiper("#swiper1",{
loop: true,
autoplay : 2500,
speed : 600,
autoplayDisableOnInteraction : false
});
//上层轮播
var mySwiper2 = new Swiper("#swiper2",{
loop: true,
autoplay : 2500,
speed : 600,
slidesPerView :2,
autoplayDisableOnInteraction : false
});
//前进后退按钮
$(".left").click(function(){
mySwiper1.slidePrev();
mySwiper2.slidePrev();
})
$(".right").click(function(){
mySwiper1.slideNext();
mySwiper2.slideNext();
})
</script>