2011-09-22 9 views
7

私は、ホバーイベント内でリンクの色を動的に変更したいと考えています。私はこれまでのところ次のコードを手に入れましたが、うまくいきません。理由は何ですか?私のoppinionでは、あなたはそれを動作させるためにcolorsプラグインを追加する必要がjQuery:アニメーションテキストの色

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

もしあなたがあまりにも複雑になりたくなければ、単純に要素を消して、色を変えて元に戻します。 – f0x

+0

可能な複製[jQuery:入力フィールドのテキストの色をアニメーション化する](http://stackoverflow.com/questions/1354277/jquery-animate-text-color-for-input-field) – Neal

+0

このhttp:// jqueryuiを試してください.com/demos/animate/ –

答えて

9

...右のようです。それはコアから取り除かれます。

+0

うん、色のプラグインを忘れてしまった。私の間違い。 –

+0

それは...ありがとう! :) – Mikaelik

5

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; 
} 
関連する問題