jQuery卡片式焦点图切换动画特效 : GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download! - GezCode源码站-专业源码源代码,抓包资源整站,互站源码,php源码,java源码,vue源码,游戏源码,直播源码,直播带货,合约源码,合约源码下载,娱乐彩,求购需求,源码出售,源码买卖,源码平台,整站源码下载!GezCode Source Station-Professional source code, package grabbing resources for the entire site, mutual source code, PHP source code, Java source code, Vue source code, game source code, live source code, live streaming with goods, contract source code, contract source code download, entertainment lottery, purchase demand, source code sales, source code trading, source code platform, whole site source code download!

jQuery卡片式焦点图切换动画特效

jQuery卡片式焦点图切换动画特效

一款适合用于游戏人物介绍的jQuery卡片式焦点图切换动画特效,特别之处在于切换内容可以延迟展示,比如内容中的游戏人物图片就可以在整幅画面切换完成后再淡入显示,也就是说,它支持分步骤加载。

js代码

<script src="https://img.x22t.com/file/2020/04/25/d50d7508a7b412bfb0ee4249349c94192753.js" type="text/javascript"></script>
<script src="https://img.x22t.com/file/2020/04/25/42d6c0bd738f3e19d5b8a2cac415e18b1466.js"></script>
<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>

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开/商品支付,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

可以

常见问题

相关文章

评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

我们将24小时内回复。
取消
jQuery卡片式焦点图切换动画特效-海报

分享本文封面