javascript - 用jquery褪色？

Question

我使用 jquery 进行定期颜色更改，但我希望它具有平滑的颜色更改。目前，代码会在悬停时更改链接的颜色，然后在鼠标移开时将其删除。我看过一篇教程，但它没有解释它，而且它看起来不像我当前的代码。这是目前的样子:

$(document).ready(function() {
$("#link1,#link2,#link3").hover(function() {
$(this).addClass("red");
},function(){
 $(this).removeClass("red");   }); });

提前致谢

Answer 1

您可以使用.animate() ，像这样:

$(document).ready(function() {
  $("#link1,#link2,#link3").hover(function() {
    $(this).stop().animate({ color: "#990000" });
  },function(){
    $(this).stop().animate({ color: "#FFFFFF" });
  }); 
});

但请注意，您需要 color plugin ，或jQuery UI包括彩色动画工作。