jQuery的背景顏色動畫不適用

row.animate沒有做任何事情，但row.css呢？兩種方法都在相同的範圍等在這個完整的處理函數

function(){ 
    row.animate({ 
     background : 'red' 
    }, { 
     duration : 200 
    }); 

    row.css({ 
     background : 'red' 
    }); 
}

來源

2014-12-13 clarkk

您可以發佈 – 2014-12-13 10:40:47

你應該使用jQuery UI動畫'烏爾行HTML標籤背景顏色，http://jqueryui.com/animate/ – 2014-12-13 10:49:11

請在下面找到答案並標記一個s接受了，解決了你的問題。 :) – 2014-12-13 11:12:08

從.animate() | jQuery引用：

寬度，高度，或左可以是動畫但背景顏色不能，除非使用jQuery.Color() plugin。

你可以使用CSS3動畫，而不是！

這裏是工作代碼段：

div{ 
 
    height: 50px; 
 
    width: 50px; 
 
    background: yellow; 
 
    -webkit-animation: changeColor 5s; /* Chrome, Safari, Opera */ 
 
    animation: changeColor 5s; 
 
} 
 

 
@-webkit-keyframes changeColor { 
 
    from {background: red;} 
 
    to {background: yellow;} 
 
} 
 

 
@keyframes changeColor { 
 
    from {background: red;} 
 
    to {background: yellow;} 
 
}

<div></div>

電文讀出：animation - CSS | MDN和@keyframes - CSS | MDN

來源

2014-12-13 11:02:50

所有動畫處理的屬性應該被動畫化以單一數值，除了下面指出的;那些非數字最屬性不能使用基本的jQuery功能性（例如，width，height，或left可以是動畫但background-color無法進行，除非使用jQuery.Color()插件被動畫

來源

2014-12-13 10:50:05

jQuery的背景顏色動畫不適用

回答

相關問題