最新公告
  • 资源宝-专注于优秀资源,本站秉承服务宗旨 履行“站长”责任, 服务永无止境!
  • jQuery+swiper.js幻灯片图片视差滚动轮播特效

    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幻灯片图片视差滚动轮播特效

    发表评论

    • 99999访问总数
    • 397会员总数(位)
    • 11062资源总数(个)
    • 900 资源大小(GB)
    • 764稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情