jquery - jqueryを使用してホバー時にゆっくりとアニメーション化するリンクが必要ですが、これは機能しません

Question

$("#link").hover(function() {
    $(this).animate({color: "black"}, "slow");
}, function() {
    $(this).animate({color: "white"}, "slow");
});

助言がありますか？css hover プロパティを使用して、リンクをすぐにではなくゆっくりとアニメーション化する必要があります。

Answer 1

「遅い」でも使用できます-

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

デモ

Answer 2

    $("#link").hover(function(){
  $(this).animate({ color: '#3d3d3d'}, 4000);
}, function() {
  $(this).animate({ color: '#000000'}, 4000); 
});

そこでミリ秒を使用します..

これはanimateの構文です

$(selector).animate({params},speed,callback);

速度は次のとおりです: 遅い/速い/ミリ秒