最新公告
  • 资源宝-专注于优秀资源,本站秉承服务宗旨 履行“站长”责任, 服务永无止境!
  • 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>
    
    资源宝-—专注于优秀资源搜集共享与发布
    资源宝 » jQuery卡片式焦点图切换动画特效

    发表评论

    • 99999访问总数
    • 397会员总数(位)
    • 11062资源总数(个)
    • 900 资源大小(GB)
    • 764稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情