jQuery animate根本不起作用

jQuery animate not working at all

本文关键字：不起作用 animate jQuery      更新时间：2023-09-26

我想在DOM ready上设置一个背景色div属性，然后执行一些动画，比如$("#test").css('background-color','red').animate({ 'background-color' : '#FFF'}, 500);。Div看起来像这个<div id="test">11</div>，并且在CSS文件#test{ background-color:#FFF; } 中设置了背景色属性

现在的问题是，为什么动画不起作用？你可以在这里看到代码-http://jsfiddle.net/hzdcM/

您需要包含jQuery UI，以使您的背景色动画工作

演示-->http://jsfiddle.net/hzdcM/1/

因为jQuery本身不能动画化颜色，所以在jQuery插件中搜索该

.animate()函数不支持设置颜色动画。使用jQuery颜色插件。或者您可以使用jQuery UI库。

UI库仅用于颜色使用就非常繁重。

此外，您必须使用backgroundColor而不是background-color来正确地设置颜色的动画。

$("#test")
   .css('backgroundColor','red')
   .animate({ 'backgroundColor' : '#FFF'}, 500);
相关文章：