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库，请休息将像火箭一样工作！ ＆LT;您的代码很好＆gt;

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，将动画扩展为颜色。 Look here：）

Answer 3

  

“jQuery UI效果核心扩展了animate函数能够   动画颜色也是如此。这些过渡可以为背景设置动画   和边框颜色并接受以十六进制，rgb和颜色指定的颜色   名“。

在加载jquery-ui.js

之前，您将无法使用动画功能

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

这就是你需要的。