jQuery动画根本不工作

  • Z时代
  • 2024-01-10
  • 分类：问答

我想在DOM准备好后设置背景色div属性，然后执行一些动画，如下所示：$("#test").css('background-color','red').animate({ 'background-color' : '#FFF'}, 500);。 Div看起来像这样<div id="test">11</div>，它在CSS文件中设置了背景颜色属性#test{ background-color:#FFF; }jQuery动画根本不工作

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

回答：

您需要拥有jQuery用户界面包括让你的背景色动画工作

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

回答：

因为jQuery本身不能动画的色彩，search a jQuery plugin for that

回答：

.animate()功能不支持动画的色彩。使用jQuery color plugin.或者您可以使用jQuery UI库。

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

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

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

以上是 jQuery动画根本不工作 的全部内容， 来源链接： utcz.com/qa/262448.html

回到顶部