基本上,CSS 动画会将所有 div 的不透明度变为 0,并且每 4 秒仅变为 1 到 1。这是一个简单的 slider 原理,虽然没有太多的滑动。我很感激你的帮助,因为我是一个完整的 jQuery 新手。你认为已知的一切对我来说都是未开发的领域,所以如果有任何细节,即使是最明显的细节,请随时添加。
PS:我的脚本有一百万个错误,更不用说它只能在 2 张幻灯片上工作了。所以请更多地关注我的描述
.div1-1, .div-2{
width:100%;
height:100%;
position:absolute;
}
.div-1{
animation:first 4s 0 infinite;
}
.div-2{
animation:second 4s 4s infinite;
}
@keyrames first{
from(opacity:1);
to(opacity:0);
}
@keyrames second{
from(opacity:1);
to(opacity:0);
}
最佳答案
老实说,你的描述并不是你所说的描述性的,但是,如果我没记错的话,你需要的是 fade()
所以给你的 div 标签分配了 id 你可以使用 $("#yourDivID").fadeOut(500)
它将在 500 毫秒内淡出您的 div 标签。这是一个fiddle显示以上内容。
关于jquery - 如何将此 css 动画转换为 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28200195/