jQuery队列操作方法实例

                function() {
                    $(‘.six’).delay(500).animate({
                        top: ‘+=270px’
                    },
                    500,
                    function() {
                        $(‘.seven’).animate({
                            top: ‘+=270px’
                        },
                        500,
                        function() {
                            alert(‘按序落体运动结束! Yeah!’)
                        });
                    });
                });
            });
        });
    });
});

嗯, 没错, 效果很完美的呈现给出来了, 但这种晕眩的代码, 你能忍受吗? 即便可以忍受, 如果此时, 你想调换一个某个的执行顺序, 比如, 你想让5落下后再开始下落3, 或者新加8至15八个方块, 怎么办? 重写吗? 在里面小心冀冀的改吗? 显然, 我们需要另外一种列简明便捷的方法来实现这个效果, 那就是jQuery队列控制方法.请看如下代码:

var _slideFun = [function() {
    $(‘.one’).delay(500).animate({
        top: ‘+=270px’
    },
    500, _takeOne);