• 文章介绍
  • 评价建议
  • 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>
    


    微源网 » jQuery+swiper.js幻灯片图片视差滚动轮播特效

    提供最优质的资源集合

    立即查看 了解详情