jQuery: анимированный цвет текста

Question

Я хочу динамически изменить цвет ссылки в событии при наведении курсора. Я получил следующий код, но он не работает. Есть предложения почему? По моему мнению, это кажется правильным ...

    $('.fadelink').hover(function(){            
        $(this).animate({
            color: '#333'
        }, 600);            
    },
    function(){
        $(this).animate({
            color: '#999'
        }, 600);          
    });

Answer 1

Вы должны добавить плагин colors , чтобы он работал. Это снято с ядра.

Answer 2

jQuery не поддерживает анимацию цветов, но может с плагином цвета: http://plugins.jquery.com/project/color

Однако есть другой путь, который вы могли бы выбрать, с CSS3, если вы не возражаете, что он не работаетв некоторых старых браузерах:

.baseClass {
    color:#999; 

    -webkit-transition-property:color; 
    -webkit-transition-duration: 1s, 1s; 
    -webkit-transition-timing-function: linear, ease-in;
}

.baseClass:hover {
    color: #333;
}

Answer 3

Вы можете использовать это:

$('#demodiv').animate({color: '#E4D8B8'})

Подробнее здесь: http://www.bitstorm.org/jquery/color-animation/

Answer 4

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

Answer 5

См. Ответ на этот вопрос: jQuery: анимированный цвет текста для поля ввода?

Вы не можете анимировать цвет текста CSS с помощью jQuery.