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

Question

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

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

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

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

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

Вам понадобится Плагин Color Animations для этого