我需要一个链接来使用jquery在悬停时缓慢动画,这不起作用

时间:2013-03-19 05:01:18

标签: jquery

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

有什么建议吗?我希望链接能够缓慢地动画,而不是立即使用css悬停属性。

2 个答案:

答案 0 :(得分:1)

您可以使用“慢”偶 -

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

Demo

答案 1 :(得分:0)

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

在那里使用毫秒..

这是动画

的语法
  

$(选择器).animate({PARAMS},速度,回调);

其中速度可以是:慢/快/毫秒