jQuery+swiper.js带标签图片视差滚动切换代码免费下载

jQuery+swiper.js带标签图片视差滚动切换代码,左右箭头按钮控制两层图片横向滚动轮播。效果非常不错,本例宽度较窄,改成通栏banner更显大气。

JS文件

<script src="js/swiper.min.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>
恭喜,此资源为免费资源,请先
本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
打赏
下载价格:免费
下载说明:本站大部分下载资源收集于网络,只做学习和交流使用,版权归原作者所有! 若您需要使用非免费的软件、源码或服务,请购买正版授权并合法使用! 本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理! 本站所有资源均是收集而来,资源均不包含技术支持和安装服务!点击下载视为同意资源仅限学习使用。
0

评论0

请先

没有账号? 忘记密码?

社交账号快速登录