javascript - 悬停时动画表格背景 - Jquery

Question

我想在我的 table 上放一个动画..当鼠标进入当前表格时，它应该变黑。当鼠标离开当前表格时，它应该变成白色。

这是我的代码。它工作正常，直到我添加动画效果(我不希望它是即时的，我希望它淡出)。谁能帮我？ :)

$("table").on('mouseenter',function(){
    $(this).animate({
    backgroundColor: "#000000"
    }, 1000);
})
$("table").on('mouseleave',function(){
   $(this).animate({
    backgroundColor: "#ffffff"
    }, 1000);
});

已解决无法为 backgroundColor 设置动画。我从 Bitstorm ( http://www.bitstorm.org/jquery/color-animation/ ) 下载了一个 JS 文件，它解决了我的问题!谢谢，Bitstorm

Answer 1

任何其他人可能会看到这个，它很容易用一些 CSS 解决。

table {
  transition: 1s;
  background-color: #000;
}
table:hover {
  background-color: #FFF;
}

那么这个JS根本就不需要了。但是当鼠标悬停在 table 上时，您仍然会出现淡入淡出。

仅供引用，.animate() 处理运动，这就是它不起作用的原因。