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); 
});

在那里使用毫秒..

这是动画的语法

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

速度可以是：慢/快/毫秒