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

Question

这是一个模板化的小提琴,按顺序逐渐消失6个div.

我怎样才能使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');
}