悬停时为表格背景设置动画 - Jquery答案

【问题标题】：Animate table background on hover - Jquery悬停时为表格背景设置动画 - Jquery
【发布时间】：2016-02-18 16:03:04
【问题描述】：

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

这是我的代码。在我添加动画效果之前它工作正常（我不希望它是即时的，我希望它褪色）。谁能帮我？ :)

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

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

【问题讨论】：

提问和回答之间还没有足够的时间，但是当它有时间时，您应该将您的解决方案转移到答案中并提供更多详细信息。

标签： javascript jquery html animation

【解决方案1】：

任何可能查看此内容的人都可以使用一些 CSS 轻松解决。

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

那么根本不需要JS。但是当鼠标悬停在桌子上时，你仍然有淡入淡出。

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

【讨论】：