一款十分漂亮的jQuery响应式幻灯片图片动画切换特效,仿小猪cms网站banner图片动画切换效果、自适应浏览器宽度,还兼容手机端的焦点图轮播代码。
js代码
<script src="js/jquery-1.10.1.min.js"></script>
<script src="js/idangerous.swiper2.7.6.min.js"></script>
<script src="js/swiper.animate1.0.2.min.js"></script>
<script>
var mySwiper = new Swiper ('.swiper-container', {
pagination: '.pagination',
paginationClickable :true,
autoplay : 10000,
speed:1,
//autoplayDisableOnInteraction : false,
onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
swiperAnimateCache(swiper); //隐藏动画元素
swiperAnimate(swiper); //初始化完成开始动画
},
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
}
})
$('.arrow-left').on('click', function(e){
e.preventDefault()
mySwiper.swipePrev()
})
$('.arrow-right').on('click', function(e){
e.preventDefault()
mySwiper.swipeNext()
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791