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()处理动议，这就是它无效的原因。

悬停时的动画表背景 - Jquery

1 个答案: