用jquery褪色？

我使用jquery进行常规颜色更改，但我希望它具有平滑的颜色变化。 此时，代码会在hover时更改链接的颜色，然后在删除鼠标时将其删除。 我已经看过一个教程，但它没有解释它，它看起来不像我当前的代码。 这就是目前的样子：

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

提前致谢

Answer 1

您可以使用.animate() ，如下所示：

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

但请注意，您需要使用颜色插件或颜色动画中包含的jQuery UI才能工作。

Answer 2

如果您正在寻找“平滑”的颜色变化，那么也许您要求颜色动画，请查看此主题：

你如何使用jquery淡入/淡出背景色？

Answer 3

这是一种不使用额外的jquery插件的简单方法。 实际上，这主要是用css完成的。 将2个div叠加在一起，然后淡化顶部的div。 像这样： http ： //jsfiddle.net/Jny9x/