0

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

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

4

3 回答 3

1

因为 jQuery 自己不​​能为颜色设置动画，所以搜索一个 jQuery 插件

于 2013-05-27T15:37:24.340 回答
1

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

UI 库对于颜色的使用来说非常繁重。

此外，您还backgroundColor不能background-color正确地为颜色设置动画。

$("#test")
   .css('backgroundColor','red')
   .animate({ 'backgroundColor' : '#FFF'}, 500);
于 2013-05-27T15:37:45.560 回答
1

您需要包含 jQuery UI 才能使您的背景色动画正常工作

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

于 2013-05-27T15:37:50.147 回答