jquery - 如何将此 css 动画转换为 jQuery

标签 jquery css animation

基本上,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/

相关文章:

jquery - 使用 Jquery 删除第二个 <a> 标记后的文本

javascript - 如何使用带词缀的 css bootstrap list-group 在列中创建粘性菜单?

html - h3 文本的垂直对齐

html - 悬停时的图标动画

javascript - 通过数字动画化 CSS 属性

javascript - 如何在javascript中访问对象属性?

javascript - 为什么会出现这个 "Uncaught ReferenceError: tempo is not defined"错误?

jquery - 使 Bootstrap 中的导航栏仍然响应

javascript - Grails 和 css/javascript 库

javascript - 在js动画中通过鼠标滚轮加速css的skew()