悬停时对表格背景进行动画处理 - Jquery.

Animate table background on hover - Jquery

本文关键字：动画 处理 Jquery 表格 背景 悬停      更新时间：2023-09-26

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

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

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

解决无法对背景颜色进行动画处理。我从Bitstorm下载了一个JS文件（http://www.bitstorm.org/jquery/color-animation/），它解决了我的问题！谢谢，比特风暴

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

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

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

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

相关文章：