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

Question

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

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

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

我想要做的就是平滑、动画的颜色变化。

我知道我必须以某种方式将 .css 放入 .animation 中，但不知道如何做。

我认为这是正确的方法，但根本行不通:

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

You can give it a try here .但请记住，您需要包括 the color plugin或 jQuery UI ，因为 jQuery 核心不支持彩色动画。