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/

用于逐步动画的jQuery Queue插件

1 个答案: