逐个淡出瓷砖，然后淡入

Question

我有一块150px x 150px的大型瓷砖，有9个较小的50px x 50px瓷砖。我想逐渐淡出小瓷砖，露出下面的大瓷砖，然后在大约3秒后逐个淡入每个小瓷砖。暂停约5秒后，此过程应重复进行。我在这里有一个粗略的原型：

http://jsfiddle.net/psivadasan/k34xX/1/

感谢任何帮助。

Answer 1

请参阅下面的代码，DEMO此处

var $divs, curPointer = 0; curOpacity = 0;
function rotateDivs() {   

    $divs.eq(curPointer++).animate({opacity: curOpacity}, 1000);

    if (curPointer == $divs.length) {
        curPointer = 0;
        curOpacity = (curOpacity == 0)? 1: 0;
        setTimeout(rotateDivs, 5000);
    } else {
        setTimeout(rotateDivs, 3000);
    }
}