Изменение фона div с помощью jquery

Question

Я использую следующий код для изменения цвета фона:

        $('.posts').animate({height: '100px', backgroundColor: '#0000FF'}, 2000);
        $('.posts a').animate({color: '#00FF00'}, 2000);

получает следующую ошибку в firebug вместо предварительного просмотра изменения цвета на странице:

Expected color but found 'NaNpx'. Error in parsing value for 'background-color'. Declaration dropped.
Expected color but found '#00FF00px'. Error in parsing value for 'color'. Declaration dropped.

Что за ошибка с моим кодом?

Answer 1

Вы не можете использовать animate для анимации цветов без jQuery UI.

Все анимированные свойства должны быть анимированные на одно числовое значение, за исключением случаев, указанных ниже; большинство свойств нечисловые не могут быть анимированные с использованием базового JQuery функциональность. (Например, ширина, Высота или слева может быть анимирована , но цвет фона не может быть .)

и

Проект пользовательского интерфейса jQuery расширяет .animate (), позволяя некоторым нечисловые стили, такие как цвета для быть анимированным . Проект также включает в себя механизмы задания анимации через классы CSS, а не отдельные атрибуты.

источник: http://api.jquery.com/animate/

Answer 2

jQuery по умолчанию не поддерживает анимацию цвета фона, но вы можете использовать Color Plugin , чтобы сделать это.

Answer 3

Для анимации цветов с запросом вы должны использовать это:

http://plugins.jquery.com/project/color

Answer 4

Вы не можете анимировать цвета без цветового плагина.

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

Вы также можете использовать JQuery UI.

Ядро эффектов пользовательского интерфейса jQuery расширяет одушевленная функция, чтобы иметь возможность оживить а также цвета.