「煙燻」效果javascript sprite動畫

Question

此代碼和動畫在jQuery 1.4.4及更高版本上完美工作，但不適用於更高版本。任何人都可以解釋一下這個問題，並幫助使用最新jQuery的版本。我在下面提供了一個小提琴。

http://jsfiddle.net/Y7Ek4/10/

的噗效果基本上依賴於調節所述背景位置以創建CSS子畫面的動畫，但它在新的jQuery borked。

Answer 1

jQuery的動畫不再適用於精靈動畫。我必須使用setTimeout推出我自己的產品。效果受到用於從OS X dock移除項目的影響。

的精靈：

相關的JS代碼：

function animatePoof() { 
    var bgTop = 0, 
     frame = 0, 
     frames = 6, 
     frameSize = 32, 
     frameRate = 80, 
     puff = $('#puff'); 
    var animate = function(){ 
     if(frame < frames){ 
      puff.css({ 
       backgroundPosition: "0 "+bgTop+"px" 
      }); 
      bgTop = bgTop - frameSize; 
      frame++; 
      setTimeout(animate, frameRate); 
     } 
    }; 

    animate(); 
    setTimeout("$('#puff').hide()", frames * frameRate); 
} 

全部工作的例子包括HTML和CSS： http://jsfiddle.net/Y7Ek4/22/

Answer 2

你可以使用這個（礦）庫太：Audero Smoke Effect。它適用於最新版本的jQuery。