jquery動畫不動畫

Question

我想用jQuery動畫。我有這樣的代碼：

$(document).ready(function(){ 
$(".label").delay(2000).animate({backgroundPositionX:"0px",backgroundPositionY:"30px"},10000,linear); 
$(".label").animate({backgroundPositionX: "-70px" ,backgroundPositionY:"30px"},10000,linear); 
$(".label").animate({backgroundPositionX: "-140px" ,backgroundPositionY:"30px"},10000,linear); 

但動畫不起作用。任何想法出了什麼問題？

Answer 1

這SO question and answer將有所幫助。 backgroundPositionX和backgroundPositionY是不標準的，不適用於所有瀏覽器。

Answer 2

$(document).ready(function() { 
    $(".label").delay(2000).animate({ 
    backgroundPositionX: "0px", 
    backgroundPositionY: "30px" 
    }, 10000, 'linear'); 
    $(".label").animate({ 
    backgroundPositionX: "-70px", 
    backgroundPositionY: "30px" 
    }, 10000, 'linear'); 
    $(".label").animate({ 
    backgroundPositionX: "-140px", 
    backgroundPositionY: "30px" 
    }, 10000, 'linear'); 
}); 

一個demo

Answer 3

我編輯我的代碼如下：

$(document).ready(function() { 
    $(".label").delay(2000).css({ 
    "backgroundPositionX": "0px", 
    "backgroundPositionY": "30px" 
    }, 5000, 'linear'); 
    $(".label").animate({ 
    "backgroundPositionX": "-70px", 
    "backgroundPositionY": "30px" 
    }, 5000, 'linear'); 
    $(".label").animate({ 
    "backgroundPositionX": "-140px", 
    "backgroundPositionY": "30px" 
    }, 5000, 'linear'); 
}); 

和它的作品爲鉻。