用于分步动画的jQuery队列插件

用于分步动画的jQuery队列插件,jquery,jquery-plugins,raphael,Jquery,Jquery Plugins,Raphael,是否有一个插件,我可以用来排队的动画 我将jQuery.Queue()和回调函数视为选项,但我的问题是队列(“fx”)不适用于我的div,因为它有多个DOM 基本上,我有一个可视化排序的动画函数,我希望它一个接一个地发生。我将要编写一个自定义队列..但是想知道是否有一个插件可以处理队列并提供逐步运行动画的功能 如果有人能告诉我一个接一个地制作多个div动画的最佳选择,那将是一个很大的帮助 编辑: 小提琴不工作,但如果查看selectionSort(),它会调用各种动画方法。如果我运行,我希望动画

是否有一个插件,我可以用来排队的动画

我将jQuery.Queue()和回调函数视为选项,但我的问题是队列(“fx”)不适用于我的div,因为它有多个DOM

基本上,我有一个可视化排序的动画函数,我希望它一个接一个地发生。我将要编写一个自定义队列..但是想知道是否有一个插件可以处理队列并提供逐步运行动画的功能

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

编辑:


小提琴不工作,但如果查看selectionSort(),它会调用各种动画方法。如果我运行,我希望动画函数一步一步地运行,但当前所有函数都同时运行

这里有一个小脚本可能会有所帮助。我经常用它一个接一个地淡化图像

$.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

};
$.fn.fade1by1=功能(选项){
var opt=$.extend({
“延迟”:500,
“速度”:500,
'ease':'swing'//其他需要easing插件
},选项);
var=这个;
对于(变量i=0,d=0,l=that.length;i

演示:

这里有一个可能有用的小脚本。我经常用它一个接一个地淡化图像

$.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

};
$.fn.fade1by1=功能(选项){
var opt=$.extend({
“延迟”:500,
“速度”:500,
'ease':'swing'//其他需要easing插件
},选项);
var=这个;
对于(变量i=0,d=0,l=that.length;i

演示:

给我们一些可以使用的东西,比如一些代码。给我们一些可以使用的东西,比如一些代码。你对我的场景有什么建议吗。。您认为我可以使用您的脚本(类似)来解决我的情况。+100这真的很好,谢谢,@elclarns这段代码在所有浏览器中都有效吗?您对我的场景有什么建议吗。。您认为我可以使用您的脚本(类似)来解决我的问题。+100这真的很好,谢谢,@elclarns这段代码在所有浏览器中都有效吗?