用于逐步动画的jQuery Queue插件

Question

有没有我可以用来排队动画的插件.

我看到jQuery.Queue()和回调函数作为选项,但我的问题是Queue("fx")不适用于我的div,因为它有多个DOM.

基本上,我有一个可视化排序的动画功能,我希望它一个接一个地发生.我即将编写一个自定义队列..但是想知道是否存在一个负责排队的插件,并且能够逐步运行动画.

如果有人能告诉我制作带有多个div的动画的最佳选择,那将是一个很大的帮助

编辑:http://jsfiddle.net/realwork007/tnJug/

小提琴不起作用,但如果你查看selectionSort()它会调用各种动画方法.如果我运行,我希望动画功能一步一步运行,但目前所有都同时运行.

Answer 1

这是一个可能有帮助的小脚本.我经常使用它逐个淡化图像.

$.fn.fade1by1 = function (options) {

    var opt = $.extend({
            'delay' : 500,
            'speed' : 500,
            'ease' : 'swing' // Other requires easing plugin
        }, options);

    var that = this;
    for (var i = 0, d = 0, l = that.length; i < l; i++, d += opt.delay)
        that.eq(i).delay(d).fadeIn(opt.speed, opt.ease);

    return this

};

演示: http ://jsfiddle.net/elclanrs/9Zxew/