我如何重叠jQuery中的fadeIn（）div？

Question

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

我怎样才能使淡入淡出重叠？我想让下一个div在第一个淡入淡出的时候开始淡入淡出。

也许我必须将fadeIn（）分成2个淡入淡出的一半，然后淡出其余的方式？

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