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>