Jquery:尝试按特定顺序淡入网格的方 block

Question

预先感谢您针对此问题提供的任何帮助。

问题:

使用 Jquery 我想在这些方 block 上创建一个波浪(如下)。

因此方 block 将按此顺序淡入。

0(左上角第一个方 block )

1, 8(然后同时是第二个方格行1和第一个方格行2)

2、9、16(依此类推)

3、10、17、24(依此类推)

4、11、18、25、32。(依此类推)

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

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

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/