jQuery: анимировать цвет текста для поля ввода?

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

$('input').animate({color: '#f00'}, 500); 

Но это не сработает. Однако я могу изменить цвет текста:

$('input').css('color', '#f00'); 

Я пробовал это как в Safari 4, так и в Firefox 3.5 с одинаковыми (отсутствующими) результатами. Я был бы очень признателен за любой вклад в эту проблему, так как у меня заканчиваются волосы ... Спасибо.


person Community    schedule 30.08.2009    source источник
comment
возможный дубликат jQuery animate backgroundColor   -  person mercator    schedule 03.12.2010


Ответы (6)


jQuery не поддерживает цветную анимацию, поэтому вам понадобится плагин color или jQuery UI. Оба позволяют использовать синтаксис, который вы используете для таких свойств, как background-color и color.

person John Foster    schedule 30.08.2009

Для анимации цвета вам понадобится плагин цвета jquery.

person redsquare    schedule 30.08.2009

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

person matadur    schedule 19.04.2011

Для этого вам понадобится плагин Color Animations.

person n1313    schedule 30.08.2009
comment
И вы можете узнать об этом на первой странице поиска Google google.ru/search ? q = jquery + анимация + цвет - person n1313; 30.08.2009

Используйте jQueryUI, и ваш код будет работать как есть.

person kaiz.net    schedule 30.08.2009
comment
Включение jQuery-ui - это отличное дополнение только для цветной анимации! - person redsquare; 30.08.2009

Я обнаружил, что цветовой плагин очень нестабилен при загрузке одной страницы на другую, даже на статической странице с точно таким же кодом ..! ColorBlend отлично справился со своей задачей. http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

person Community    schedule 30.08.2009