jQuery+swiper仿华为云宽屏轮播图特效

来源:https://www.sucaihuo.com/js/5057.html 2020-01-08 11:36浏览(299) 收藏

jQuery+swiper仿华为云宽屏轮播图特效,一款响应式图文轮播效果,支持鼠标拖动切换。
jQuery+swiper仿华为云宽屏轮播图特效
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源: 5 下载资源 下载积分: 20 积分

js代码

<script src="statics/js/jquery-1.10.1.min.js"></script>
<script src="statics/js/swiper.min.js"></script>
<script src="statics/js/swiper.animate1.0.2.min.js"></script>
<script>
	var mySwiper = new Swiper('.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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 3007547952

1 2