如何在jquery中重叠fadeIn（）div？

Question

Here's a templated fiddle that fades in 6 divs sequentially

如何让fadeins重叠？我希望下一个div在第一个渐渐消失的过程中开始消失。

也许我必须将fadeIn（）分成两个淡入淡出，淡出一半，然后淡出其余部分？

Answer 1

.fadeIn('slow')的持续时间是600毫秒，所以你可以做的是300毫秒延迟。

您应该使用下面的.delay以更简单的方式编写此内容，并且可以将300更改为其他数字以配置速度。

var i=1;
for (i = 1; i <= 6; i++) {
  $('#div' + i).delay((i-1)*300).fadeIn('slow');
}

Answer 2

或者您可以使用setTimeout的时间是fadeIn

的一半时间