jQuery：動畫文本顏色

Question

我想動態更改懸停事件中的鏈接顏色。到目前爲止，我得到了下面的代碼，但它不工作。任何建議爲什麼？在我的oppinion這似乎是正確的...

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

Answer 1

您必須添加colors插件，使其工作。這是從核心剝離。

Answer 2

看到這個問題的答案：jQuery: animate text color for input field?

您可以使用jQuery不動畫CSS文本顏色。

Answer 3

您必須使用jQuery color plugin才能製作彩色動畫。

Answer 4

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 5

您可以使用此：

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

查看更多在這裏：http://www.bitstorm.org/jquery/color-animation/