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

Question

4

如何使淡入效果重叠？我想让下一个div在第一个div淡入到一半时开始淡入。

也许我需要将fadeIn()分成两个动作，先淡入一半，然后再淡入剩余部分？

- NibblyPig

2个回答

0

或者你可以使用 setTimeout，时间设置为 fadeIn 所用时间的一半。

- lmcanavals

附加提示：现在的fadeIn时间是由“'slow'”指定的，您可以将其替换为以毫秒为单位的数字。 - devsnd

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- xdazz · Accepted Answer

.fadeIn('slow')的持续时间为600毫秒，所以你可以通过300毫秒的延迟来实现。

你可以使用更简单的方式来表达，使用.delay，如下所示，并且你可以将300更改为其他数字来配置速度。

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