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>
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- Vivi资源网