jquery在页面加载时为页面background-color设置动画

Question

我试图在页面加载时更改网页的背景颜色。 我认为没有理由不这样做，“身体”是我想要操纵的正确元素。 我使用http://docs.jquery.com/UI/Effects/animate作为参考。

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

Answer 1

工作演示 http://jsfiddle.net/aqrvA/8/

添加Jquery ui库也请休息将像火箭一样工作！ <你的代码很好>

Jquery UI链接： http ： //jqueryui.com/

希望这有帮助， :)

脚本：

  <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>

码

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

Answer 2

您不能仅使用jQuery为颜色设置动画。 您必须使用jQuery UI，将动画扩展为颜色。 看这里 :)

Answer 3

“jQuery UI效果核心扩展了animate功能，以便能够为颜色设置动画。这些过渡可以为背景和边框颜色设置动画，并接受以hex，rgb和颜色名称指定的颜色。”

在加载jquery-ui.js之前，您将无法使用动画功能

https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js

这就是你需要的。