• 文章介绍
  • 评价建议
  • 一款适合用于游戏人物介绍的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>
    

    OC共享平台----官方网址www.ocvoc.com 微信公众号ocvocc 可查询欧闪科技 本站免费资源 需要投广告,赞助的请多多支持,谢谢!
    欧闪科技---oc平台专业提供小程序源码|网站源码|Office素材|游戏服务端|棋牌源码服务端||装修素材|MAC软件下载|免费电影|教育资讯|视频点播|jquery特效 » jQuery卡片式焦点图切换动画特效

    Leave a Reply

    提供最优质的资源集合

    立即查看 了解详情

    Optimized by WPJAM Basic