2012-06-27 118 views
0

是否有插件可用于排队动画。针对一步一步动画的jQuery队列插件

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

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

这将是一个很大的帮助,如果有人能告诉我最好的选择通过使多个DIV一个动画发生一一

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

小提琴不工作,但如果你看看进入selectionSort()它调用各种动画方法。如果我运行,我希望动画功能一步一步运行,但目前全部同时运行。

+0

给我们一些帮助,像一些代码。 –

回答

5

这里有一个小脚本可能会有所帮助。我经常用它来逐个淡入图像。

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

+0

+1对placekitten(和一个甜美的小脚本) –

+0

你有任何建议我的情况..你认为我可以用你的脚本(类似)来解决我的情况.. –

+0

+100这真的很好,谢谢你, @elclarns是否可以在所有浏览器中使用此代码? – M98