Joverery hover on hover？

Question

バックグラウンドのないリンクと、ホバー上の背景を変更するCSSルールがあります。

親bgは白、リンクはホバー - 青です。

ホバー効果を徐々に行うことができます、白から青までですか？

ありがとうございました。

li a {} 
li a:hover { background: blue; } 

Answer 1

色をアニメーション化するために、あなたはjQueryのための "color plugin" をダウンロードする必要があり、これが機能するためにcolor plugin

Answer 2

jQuery('a#theLink').hover(function(){ 
    $(this).stop().animate({backgroundColor: 'blue'}); 
}, function() { 
    $(this).stop().animate({backgroundColor: 'white'}); 
}); 

を必要としています。

Answer 3

JQueryで色をアニメーション化できないため、プラグインを使用する必要があります。

$(this).animate({ backgroundColor: "blue" }, 'slow'); 

Answer 4

あなたは余分な色のプラグインを必要としません：

は、その後、それはのようなものになるだろうColour Animation plugin

を試してみてください。 jQueryの上にjQuery UIが必要です。アニメーションも色で行うことができます。 （あるいは何らかの理由でjQuery UIを使いたくないのであれば、別のプラグインがそのトリックをやってくれると思いますが、jQueryコアとjQuery UIを含めて試してみました）

アニメーションそのものは...

$("li").hover(function() { 
    $(this).animate({ 
    backgroundColor: "#ffffff" 
    }, 'slow'); 
}); 

Answer 5

bgFade・デ・背景画像をアニメーションは非常に素晴らしいとシンプルなプラグイン：

http://www.isthatclear.com/jquery/bgFade/