jQuery淡入背景色

我试图淡化表格行的背景颜色，并且无法正确使用它。点击按钮时会发生淡入。

我试过类似的东西：

$("#row_2").fadeIn('slow').css('background', 'gold')

虽然这会将颜色应用于表格行，但它不会淡入，而是立即应用它。

我确信这是一件简单的事，但我无法找到答案。我在这个网站上看了一遍，但对于这个特定的东西仍然没有运气。

提前致谢

纯jQuery没有动画颜色的function。你必须使用jQueryUI或jQuery颜色插件。

然后使用.animate()函数。

如果你还没有使用jquery UI ，那么Peter Peller是个好消息，那么至少要使用jQuery颜色插件。

下面是我掀起的代码片段，它在各种浏览器中取得了成功：

 Click to fade Column 1   My Caption   Col 1 Col 2  
  one Uno  
  two Dos

My Caption
Col 1	Col 2
one	Uno
two	Dos

作为替代方案，您可能希望首先将背景颜色设置为其原始颜色，然后设置为新颜色的动画。

要做到这一点，只需用以下内容替换当前的动画块：

  $('td.col1').animate( { backgroundColor: 'white' }, 250, function() { $(this).animate( { backgroundColor: 'gold' }, 2000); } );

不幸的是，不可能淡化背景颜色（我不知道最新版本的jquery）。但是，您可以将此插件用于此目的：

highlightFade

现在取决于你是否使用该插件只是为了背景褪色效果:)

怎么样的jquery高亮效果，像这样：

 $("div").click(function () { $(this).effect("highlight", {}, 3000); });

您还可以指定应该突出显示的颜色和持续时间。您可以从jquery网站了解更多信息。