Javascript jquery在页面加载时设置页面背景颜色的动画

我试图在页面加载时更改网页的背景颜色。我看不出有什么理由不起作用，“身体”是我想要操纵的正确元素。我用它作为参考

$(document).ready(function(){
    $("body").animate({ backgroundColor: "#000000" }, 1000);
});

---

不能仅使用设置颜色的动画。您必须使用jQuery UI，它将动画扩展到颜色。：）

工作演示

同时添加Jquery ui库，请休息，它将像火箭一样工作！<您的代码很好>

Jquery用户界面链接：

希望这有帮助，

：）

脚本：

  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>

jQueryUIEffects核心扩展了动画功能，可以 同时设置颜色动画。这些过渡可以设置背景动画 和边框颜色，并接受以十六进制、rgb和颜色指定的颜色 名字。”

在加载

jqueryui.js

---

这就是你所需要的。

@johnsonwi：一定要接受解决你问题的答案。@FrançoisWahl感谢你的精彩：）@johnsonwi很高兴我能帮上忙！

$(document).ready(function(){
    $("html body").animate({ backgroundColor: "#000000" }, 1000);
});​