Javascript 我希望文本按顺序显示

我希望文本使用jQuery按顺序淡入

这就是我想做的

Head -> 0.5s wait -> Body -> 0.5s wait -> Foot -> 0.5s ->Head1 ->... -> 
body3 -> 0.5s wait -> Foot2

这是我的密码

$（文档）.ready（函数（）{
对于（变量$i=1；$i*{
过渡：变换1s，不透明度1s；
转化：translateY（100%）；
不透明度：0；
}
.a组.目标2>*{
过渡：变换1s，不透明度1s；
转化：translateY（100%）；
不透明度：0；
}
.a组.目标3>*{
过渡：变换1s，不透明度1s；
转化：translateY（100%）；
不透明度：0；
}
.a组目标1.第1部分{
过渡延迟：0.5s
}
.a组目标1.第2部分{
过渡延迟：1s；
}
.a组目标1.第3部分{
过渡延迟：1.5s；
}
.a组.目标1.激活>*{
变换：translateY（0）；
不透明度：1；
}
.a组.目标2.激活>*{
变换：translateY（0）；
不透明度：1；
}
.a组.目标3.激活>*{
变换：translateY（0）；
不透明度：1；
}
.a组目标2.第1部分{
过渡延迟：0.5s
}
.a组目标2.第2部分{
过渡延迟：1s；
}
.a组目标2.第3部分{
过渡延迟：1.5s；
}
.a组目标3.第1部分{
过渡延迟：0.5s
}
.a组目标3.第2部分{
过渡延迟：1s；
}
.a组目标3.第3部分{
过渡延迟：1.5s；
}

文件
头
身体
脚
标题1
车身1
脚1
标题2
车身2
脚2

您在css中编写了太多不需要的代码。请向所有目标div中添加相同的类以减少代码，并使用jQuery在每个元素和窗口中添加类以延迟

$（“.target”）。每个（函数（i）{
setTimeout（函数（）{
$（'.group-a.target'）.eq（i）.addClass（'active'）；
}，i*3000）；
})

.a组{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}
.a组.目标>*{
过渡：变换1s，不透明度1s；
转化：translateY（100%）；
不透明度：0；
}
.a组。目标。第1部分{
过渡延迟：0.5s
}
.a组。目标。第二部分{
过渡延迟：1s；
}
.a组。目标。第三部分{
过渡延迟：1.5s；
}
.a组.目标.活动>*{
变换：translateY（0）；
不透明度：1；
}

头
身体
脚
标题1
车身1
脚1
标题2
车身2
脚2

请举例说明你期望它做什么，以及它实际做了什么，你需要帮助。我看到了褪色，但在你的解释中看不到它做得不对。这毫无意义

头部->0.5s等待->身体->0.5s等待->脚->0.5s->头部1->身体3->0.5s等待->脚部2

拼写：

removeClass（“acitve”）；

不是对你问题的回答，但我在上一个项目中有相同的要求，所以我们求助于WOW.JS&animate.css库。是的。我希望字母按顺序显示。例如，你希望目标1的目标成员依次显示，然后是目标2的成员，最后是目标3的成员。你的代码中有拼写错误。在t中第一次使用removeClass（）时，类名拼写错误。此外，在jQuery中，您不会将$symbol与变量名一起使用。例如，您应该将“$i”替换为“i”，以此类推。