Jquery在懸停時淡出背景？

Question

有一個沒有背景的鏈接和一個css規則，它會在懸停時更改背景。

父bg是白色的，懸停鏈接 - 藍色。

如何從白色到藍色緩慢地做懸停效果 ？

謝謝。

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

Answer 1

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

為此，您需要下載jQuery的“ 顏色插件 ”。

Answer 2

您不需要額外的顏色插件。 你只需要在jQuery之上使用jQuery UI，它也可以讓你在顏色上做動畫。 （或者，如果你不想出於某種原因使用jQuery UI，我想另一個插件就可以了。但是我已經成功地嘗試了這個，只包括jQuery核心和jQuery UI。）

動畫本身就像......

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

Answer 3

bgFade一個非常棒的簡單插件，動畫de background image：

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

Answer 4

為了動畫顏色，您需要顏色插件

Answer 5

你需要使用一個插件，因為JQuery不能開箱即用。

試試Color Animation插件

然后它會是這樣的：

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