我正在尝试在我的桌子上放一个动画。当鼠标进入当前表时,它应该变成黑色。当鼠标离开当前表时,它应变为白色。
这是我的代码。在我添加动画效果之前,它工作正常(我不希望它是即时的,我希望它褪色)。谁能帮我?:)
$("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()
处理运动,这就是它不起作用的原因。