热线电话: 4006-123-892
jquery卡片(游戏人物)轮播展示切换代码

资源上传者:choaloo

下载所需能力币:1

资源下载总次数:0

资源上传时间:2016-06-26 11:13

jquery卡片(游戏人物)轮播展示切换代码

jQuery卡片(游戏人物)轮播展示切换代码是一款通过背景图片的切换来显示不同的人物效果,轮播效果通过slick幻灯片插件来制作。

轮换页面的html标签可以按照附件的index页面进行调整。

js代码的安装如下:

<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script>
<script src='js/slick.min.js'></script>
页面调用js代码如下:

<script type="text/javascript">
	(function() {

	  var slideContainer = $('.slide-container');
	  
	  slideContainer.slick();
	  
	  $('.clash-card__image img').hide();
	  $('.slick-active').find('.clash-card img').fadeIn(200);
	  
	  // On before slide change
	  slideContainer.on('beforeChange', function(event, slick, currentSlide, nextSlide) {
		$('.slick-active').find('.clash-card img').fadeOut(1000);
	  });
	  
	  // On after slide change
	  slideContainer.on('afterChange', function(event, slick, currentSlide) {
		$('.slick-active').find('.clash-card img').fadeIn(200);
	  });
	  
	})();
</script>





联系在线客服
免费成为开发商,接单做软件外包项目不收取佣金,且无限量投标竞价