移動背景圖像每X毫秒X像素

Question

我有一個image sprite of sorts與1個按鈕的多個幀。我正在使用jQuery在鏈接/按鈕的滾動過程中「播放」幀。目前，圖像被設置爲使用CSS的按鈕的背景，所以我正在尋找沿Y軸（〜但是我可以改變方向）每約30毫秒改變〜40px大約40px的背景位置，所以它最終移動了〜400px 。

我試過在jQuery中使用帶有修改背景位置插件的動畫，類似於shown here，但它或多或少地將像素背景逐像素地移動，而不是像素跳躍。

有更好的選擇嗎？

Answer 1

如果您只想移動背景圖像，可以使用setInterval。這是基本的想法（我沒有測試此所以它可能不是完美的/有錯誤）

function moveImage() { 
var x = parseInt($(selector).css("backgroundPositionx")); 
var y = parseInt($(selector).css("backgroundPositiony")); 
$(selector).css("backgroundPositionx",x+change_in_x); 
$(selector).css("backgroundPositiony",y+change_in_y); 
} 

document.setInterval(moveImage,numberofmilliseconds); 

編輯：糾正錯誤