Question

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

$(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" });
  }); 
});

但请注意，您需要使用color plugin或jQuery UI颜色动画才能正常工作。

Answer 2

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

How do you fade in/out a background color using jquery?

Answer 3

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

用jquery褪色？

3 个答案: