анимация BackgroundColor исчезать не работает

Question

я не мог сделать это BackgroundColor исчезать РАБОТУ

$("#x").css("background-color", "#00FF00") 
$("#x").animate({ backgroundColor: '#000000' }, 2000) 

http://jsfiddle.net/bf2vwba7/

Answer 1

как вы использовали это часть jquery-uiColor Animation. Вы можете включить его в проект:

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script> 

fiddle

Answer 2

Я предлагаю вам сделать это с помощью CSS переходов:

#x 
{ 
    -webkit-transition: background-color 2s; /* For Safari 3.1 to 6.0 */ 
    transition: background-color 2s; 
} 

Тогда просто задают CSS или переключить класс, не заботясь о анимация:

$("#x").css("background-color", "#000000"); 
$("#x").css("background-color", "#00FF00"); 

Я бы предпочел переключить класс, если это был я и контекст был прав на него:

CSS:

#x 
{ 
    -webkit-transition: background-color 2s; /* For Safari 3.1 to 6.0 */ 
    transition: background-color 2s; 
    background-color: #00FF00; 
} 

#x.black 
{ 
    background-color: #000000; 
} 

JS:

$('#x').toggleClass('black'); 

Здесь вы получили хорошее разделение функциональности и стиля.

Переходов может иметь определенные преимущества в производительности, но не забудьте проверить совместимость, если Вы выбираете этот маршрут:

http://caniuse.com/#search=transitions