Jquery：尝试按特定顺序淡入网格的方块

Question

预先感谢您对这个问题的任何帮助。

问题：

使用 Jquery 我想在这些方块上创建一个波浪（如下）。

所以方块会按照这个顺序淡出。

0（左上角第一个正方形）

1, 8（然后同时是第二个正方形行 1 和第一个正方形行 2）

2, 9, 16（依此类推）

3, 10, 17, 24（依此类推）

4、11、18、25、32。（等等）

我知道我可以手动延迟每个方块并计算淡入时间，但我正在寻找一种更动态的方式来实现这种效果。

如果我能指明正确的方向，我会非常高兴。

Answer 1

干得好。使用系数和 jQuery delay 函数进行简单的数学计算：

$('.container div').fadeTo(0,0).each(function(index) {
    var dif = index % 8;
    var lambda = parseInt(index / 8);
    $(this).text(index);
    $(this).delay(40 * (dif + lambda)).css('visibility','visible').fadeTo(80,1)
});

代码：http://jsfiddle. net/KM7UJ/2/

和较慢的版本：http://jsfiddle.net/KM7UJ/3/