懸停時動畫表背景-Jquery

Question

我正在嘗試在桌子上放動畫。當鼠標進入當前桌子時，它應該變成黑色。 當鼠標離開當前表時，它應該變成白色。

這是我的代碼。 直到我添加動畫效果（我不希望它是即時的，我希望它褪色），它才能正常工作。 誰能幫我？ :)

$("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。 但是，將鼠標懸停在桌子上時，仍然會褪色。

僅供參考， .animate()處理運動，這就是為什么它不起作用的原因。