Javascript 用jquery褪色？

我使用jquery有一个常规的颜色变化，但我希望它有一个平滑的颜色变化。此时，代码更改悬停时链接的颜色，然后在鼠标移动时将其删除。我看过一个教程，但它没有解释它，它看起来不像我当前的代码。这就是目前的情况：

$(document).ready(function() {
$("#link1,#link2,#link3").hover(function() {
$(this).addClass("red");
},function(){
 $(this).removeClass("red");   }); });

提前感谢

您将使用，如下所示：

$(document).ready(function() {
  $("#link1,#link2,#link3").hover(function() {
    $(this).stop().animate({ color: "#990000" });
  },function(){
    $(this).stop().animate({ color: "#FFFFFF" });
  }); 
});

不过请注意，要使彩色动画正常工作，您需要或包含。如果您希望“平滑”颜色更改，那么您可能需要彩色动画，请查看以下线程：

---

这里有一个不使用额外jquery插件的简单方法。事实上，这主要是通过css实现的。在彼此的上方做两个div，并使顶部的一个变暗。喜欢这样：

非常感谢，伙计，我使用了这个插件，一切都很好。我还有一个问题，我如何使第一个悬停动画立即生效，并将其更改回原来的缓慢状态？只是我在一个网站上看到它，觉得它看起来很酷。@Jake-你可以添加一个持续时间，例如：

$（this.stop（）.animate（{color:#990000“}，50）用于悬停时的快速动画，以及
$（this）.stop（）.animate（{color:#FFFFFF“}，500）对于一个缓慢的回复感谢您的快速响应，我不能使用0值，所以有没有办法使它绝对即时？非常感谢你迄今为止所做的一切though@Jake-是的，为了使其完全即时，请使用
.css（）
，如下：
$（this.stop（）.css（{color:#990000“}）