一段時間的動畫

Question

我在昨天之前問過這個問題，但它被關閉了，因爲 - 可能是我的壞英語。所以我會盡力解釋我能做到的最好。我有一個與背景圖像的div，PNG背景是一組圖像（包含許多圖像，並通過改變CSS背景位置，我可以選擇哪個圖像出現在div - 我認爲這是一個流行的用法）。 的問題是，我想要做一個動畫來做到這一點：

$('div').css('background', "url('back.png') 0 -750px"); 

則：

$('div').css('background', "url('back.png') 0 -100px"); 

是在動的背景上下，我想這樣做，持續4秒，我希望你明白 我試過delay（）;的setTimeout（）;但他們一直這樣做！

更新：解釋更多想象一個GIF圖像，閃光4秒，然後停止！

Answer 1

在本教程中看看，它可以幫助你指明正確的方向：

http://snook.ca/archives/javascript/jquery-bg-image-animations

希望它能幫助！

Answer 2

也許這樣的事情應該工作（沒有雖然測試）：

$('#div').animate({ 
    background: 'url("back.png") 0 -100px' 
    }, 4000, function() { 
    // What to do when the animation is done 
}); 

看看