欢迎您  本站地址:   jQuery+swiper.js幻灯片图片视差滚动轮播特效-小库平台

小库平台

 找回密码
 立即注册
jQuery+swiper.js幻灯片图片视差滚动轮播特效-小库平台

小库平台

 找回密码
 立即注册
上一主题 下一主题

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

跳转到指定楼层
楼主
|只看大图 回帖奖励 |倒序浏览 |阅读模式

jQuery+swiper.js幻灯片图片视差滚动轮播特效,非常棒的一款带标签的jQuery图片视差切换代码。

js代码
<scripttype="text/javascript"src="js/jquery.min.js"></script>
<scriptsrc="js/swiper.min.js"type="text/javascript"charset="utf-8"></script>
<scripttype="text/javascript">//最里层轮播
varmySwiper1=newSwiper('#swiper1',{
loop:true,
autoplay:2500,
speed:600,
autoplayDisableOnInteraction:false
});//上层轮播
varmySwiper2=newSwiper('#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>



下载
回复

使用道具 举报

小黑屋|小库平台

GMT+8, 2024-9-20 08:11 , Processed in 8.573229 second(s), 19 queries , Xcache On.

Powered by Discuz! 3.4

小库提示

扫描下方二维码,访问手机版。