javascript - 层叠动画

标签 javascript jquery jquery-animate

我想为一组元素提供相同的动画,但每个元素都会逐渐延迟,以便动画形成某种“波浪”。

我对此做了一些修改; http://jsfiddle.net/ttLJ3/

基本上每个元素都会延迟 50 毫秒的增量,做一件事,等待 300 毫秒并撤消它。

它似乎根本不起作用。它什么也不做。如果我删除 .delay(300).show(),所有元素都会立即消失。

我怎样才能做到这一点?提前致谢! :)

最佳答案

我能够在这里解决您的问题。

http://jsfiddle.net/ttLJ3/1/

由于delayfx队列一起使用,因此您必须传入一个整数才能使延迟起作用,否则隐藏和显示方法将立即执行。让人觉得好像什么事都没有发生过一样。我将 0 传递给每个 hide 和 show 调用来解决该问题。

$(this).delay(50 * index).hide(0).delay(300).show(0);

关于javascript - 层叠动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8981506/

相关文章:

javascript - 如何使用 Jquery 数据表更正排序顺序

jquery - h3 在淡入或淡出后移动

javascript - 更改标题大小和滚动图像

javascript - Jquery 达到目标时计数减慢动画

javascript - jquery 动画回调 - 如何将参数传递给回调

javascript - 选择月份后,jQuery UI 月份选择器应关闭

javascript - ionic 菜单创建自己的类型或更改现有的动画和行为

javascript - 通过参数名称获取数组的项

javascript - 在 'if' 语句中使用 JSON 对象?

jquery - 如何通过单击主体上的任意位置来关闭侧面菜单(插件)?