Javascript 每次激活同一块时为其设置动画

Javascript 每次激活同一块时为其设置动画,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个带有内容传送带的网站。每次选择下一张幻灯片时,带有文本的黄色块将可见,当您离开幻灯片时,该块将再次变为不可见。现在,我想在块每次可见或不可见时(如淡入或淡出)设置该块的动画 有了CSS动画和JQuery,我似乎无法多次使用它。尤其是因为块已在加载时设置动画 网站链接: $('.home.imagewrapper').css({ “不透明度”:“0”, '左':'-50px' }).制作动画({ 左:“+=50px”, 不透明度:1 },1000,函数(){ $('.home.text

我有一个带有内容传送带的网站。每次选择下一张幻灯片时,带有文本的黄色块将可见,当您离开幻灯片时,该块将再次变为不可见。现在,我想在块每次可见或不可见时(如淡入或淡出)设置该块的动画

有了CSS动画和JQuery,我似乎无法多次使用它。尤其是因为块已在加载时设置动画

网站链接:

$('.home.imagewrapper').css({
“不透明度”:“0”,
'左':'-50px'
}).制作动画({
左:“+=50px”,
不透明度:1
},1000,函数(){
$('.home.textwrapper').animate({
顶部:“40px”,
不透明度:1
},1000,函数(){
$('.home.swiper幻灯片处于活动状态。textwrapper')。动画({
不透明度:1
},1000,函数(){
});
});
});
.home.swiper slide.textwrapper{
可见性:隐藏;
不透明度:0;
过渡:0.6s缓进;
}
.home.swiper幻灯片处于活动状态。textwrapper{
能见度:可见;
不透明度:1;
}

迪涅威的装束很难看。
你是怎么认识我们的?

Lorem ipsum dolor sit amet,是一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛


米尔

迪涅威的装束很难看。 迪涅威的装束很难看。 迪涅威的装束很难看。
你能在滚动时启动一个函数吗?在(“滚动”,处理程序)上,函数会有一个动画延迟(淡入)你能为滚动效果显示你的jquery代码吗?看起来你在使用swiper jquery插件,它有一个效果选项来为你的滑块添加效果。谢谢大家!我让它工作了。我将swiper API函数与我自己编写的一些代码结合起来:)