.css（）。animate（）不工作？

Question

我想強調這個元素：

$('input.step:last').css('background','#003').animate({'background':'#fff'},300); 

但它不工作。

http://jsfiddle.net/Cpwmm/

爲什麼呢？

Answer 1

你需要JQuery.Color插件（的jquery-ui一部分）。然後呢，

$(document).ready(function(){ 
    $('input.step:last') 
    .css({'backgroundColor':'#003'}) 
    .animate({'backgroundColor':'#fff'},300); 
})​ 

Answer 2

要爲動畫顏色添加動畫，您需要添加jQuery Animate Colors插件。

http://www.bitstorm.org/jquery/color-animation/

然後，你應該使用：

$('input.step:last').css('background-color','#003') 
        .animate({'background-color':'#fff'},300); 

記住，你應該動畫「背景顏色」屬性，而不是「背景」一個區別。

http://jsfiddle.net/Cpwmm/7/

Answer 3

默認情況下，jQuery can’t animate colors。您可以使用jQuery.color() plugin, found here,來提供該能力。