jQuery仿华为云宽屏轮播图特效bannner图代码

jQuery仿华为云宽屏轮播图特效bannner图代码jQuery+swiper仿华为云宽屏轮播图特效,一款响应式图文轮播效果,支持鼠标拖动切换。
jQuery+swiper仿华为云宽屏轮播图特效
js代码
<scriptsrc=”statics/js/jquery-1.10.1.min.js”></script>
<scriptsrc=”statics/js/swiper.min.js”></script>
<scriptsrc=”statics/js/swiper.animate1.0.2.min.js”></script>
<script>
varmySwiper=newSwiper(‘.swiper-container’,{
pagination:’.pagination’,
paginationClickable:true,
autoplay:5000,
speed:1,
loop:true,
onInit:function(swiper){
swiperAnimateCache(swiper);//隐藏动画元素
swiperAnimate(swiper);//初始化完成开始动画
},
onSlideChangeEnd:function(swiper){
swiperAnimate(swiper);//每个slide切换结束时也运行当前slide动画
}
})
</script>

本站部分素材资源及板块内容来自网络,如有侵犯您的权益,请联系我们,站长会立即处理,转载请注明来源网址!
云部落资源网 » jQuery仿华为云宽屏轮播图特效bannner图代码