Question

我想在DOM ready上设置background-color 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/

Answer 1

因为jQuery不能单独为颜色设置动画，search a jQuery plugin for that

Answer 2

.animate()函数不支持动画颜色。使用jQuery color plugin.或者您可以使用jQuery UI Library。

UI库对于颜色使用非常重要。

您还可以使用backgroundColor而不是background-color来正确设置颜色动画。

$("#test")
   .css('backgroundColor','red')
   .animate({ 'backgroundColor' : '#FFF'}, 500);

Answer 3

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

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

jQuery动画根本不工作

3 个答案: