在jQuery中链接动画颜色变化？

Question

我有一个名为#link的链接.

它在悬停后改变颜色,如下所示:

$("#link").hover(function(){
     $(this).css({color: '#fed900'});
});

我想做的就是平滑,动画的颜色变化.

我知道我必须以某种方式将.css放在.anss中,但无法弄清楚如何.

我认为这是正确的方式,但它根本不起作用:

$("#link").hover(function(){
     $(this).animate( { css({color: '#fed900'}) }, "slow" );
});

我也尝试过这样的:

$(this).animate({ .css({color: '#fed900'}), "slow" });   

但我还是错了.有帮手吗？我知道我错过了一些非常小的东西.

Answer 1

.animate()看起来像这样的调用:

$("#link").hover(function(){
  $(this).animate({ color: '#fed900'}, "slow");
}, function() {
  $(this).animate({ color: '#000000'}, "slow"); //original color
});

你可以在这里尝试一下.但请记住,您需要包含颜色插件或jQuery UI,因为jQuery核心不支持颜色动画.