如何将这个css动画翻译成jQuery

时间:2015-01-28 18:55:42

标签: jquery css animation

基本上,css动画会将所有div变为0不透明度,每4秒仅变为1比1。这是一个简单的滑块原理,虽然没有太大的滑动。我很感激帮助,因为我是一个完整的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);
}

1 个答案:

答案 0 :(得分:0)

老实说,你的描述不是你所说的描述性的,但是,如果我没有弄错,你需要的是fade()所以假设你的div标签已分配给他们您可以使用$("#yourDivID").fadeOut(500),它会在500毫秒内淡出您的div标签。这是显示上述内容的fiddle