如何在jquery中重叠fadeIn()div？

Here’s a templated fiddle that fades in 6 divs sequentially.

我怎样才能使fadeins重叠？我希望下一个div在第一个淡入中途开始逐渐消失.

也许我必须将fadeIn()分成两个淡入淡出,淡出一半,然后淡出其余部分？

解决方法

.fadeIn(‘slow’)的持续时间是600毫秒,所以你可以做的是延迟300毫秒.

您应该使用.delay以更简单的方式编写此代码,如下所示,您可以将300更改为其他数字以配置速度.

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