.css (). animate () не работает?

Question

Я хотел бы выделить элемент с помощью этого:

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

Но это не работает.

http://jsfiddle.net/Cpwmm/

почему?

Answer 1

Для анимации цветов вам нужно добавить плагин jQuery Animate Colours.

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

Тогда вы должны использовать:

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

Помните, что вы должны анимировать свойство 'background-color', а не свойство 'background'.

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

Answer 2

Вам нужен плагин JQuery.Color (часть jquery-ui). Тогда сделай,

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

Answer 3

По умолчанию jQuery не может анимировать цвета . Вы можете использовать плагин jQuery.color(), найденный здесь, , чтобы дать ему эту способность.