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

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

js代码
<scriptsrc="js/jquery-2.1.1.min.js"type="text/javascript"></script>
<scriptsrc='js/slick.min.js'></script>
<scripttype="text/javascript">
(function(){varslideContainer=$('.slide-container');

slideContainer.slick();

$('.clash-card__imageimg').hide();
$('.slick-active').find('.clash-cardimg').fadeIn(200);

//Onbeforeslidechange
slideContainer.on('beforeChange',function(event,slick,currentSlide,nextSlide){
$('.slick-active').find('.clash-cardimg').fadeOut(1000);
});

//Onafterslidechange
slideContainer.on('afterChange',function(event,slick,currentSlide){
$('.slick-active').find('.clash-cardimg').fadeIn(200);
});

})();
</script>



下载

2023-11-22 23:46 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]