使用swiper.animate插件制作仿华为云网站图标分类热门推荐和banner里面多个元素图片动画轮播切换效果。适用于网站顶部banner大图切换布局html代码。下载后直接引入文件即可使用。

方法调用

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动画
	}
})