我想为一组元素提供相同的动画,但每个元素都会逐渐延迟,以便动画形成某种“波浪”。
我对此做了一些修改; http://jsfiddle.net/ttLJ3/
基本上每个元素都会延迟 50 毫秒的增量,做一件事,等待 300 毫秒并撤消它。
它似乎根本不起作用。它什么也不做。如果我删除 .delay(300).show()
,所有元素都会立即消失。
我怎样才能做到这一点?提前致谢! :)
最佳答案
我能够在这里解决您的问题。
由于delay
与fx队列
一起使用,因此您必须传入一个整数才能使延迟起作用,否则隐藏和显示方法将立即执行。让人觉得好像什么事都没有发生过一样。我将 0
传递给每个 hide 和 show 调用来解决该问题。
$(this).delay(50 * index).hide(0).delay(300).show(0);
关于javascript - 层叠动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8981506/