javascript - jqueryは、ページの読み込み時にページの背景色をアニメーション化します

Question

ページの読み込み時に Web ページの背景色を変更しようとしています。これが機能しない理由はわかりません。「ボディ」は、操作したい正しい要素です。http://docs.jquery.com/UI/Effects/animateを参照として使用しています。

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

Answer 1

実際のデモ http://jsfiddle.net/aqrvA/8/

Jquery ui ライブラリも追加してください。Rest はロケットのように機能します。< あなたのコードは大丈夫です >

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エフェクトコアは、アニメーション機能を拡張して、色もアニメーション化できるようにします。これらのトランジションは、背景と境界線の色をアニメーション化し、16進数、RGB、および色名で指定された色を受け入れることができます.」

ロードするまでアニメーション機能を使用することはできませんjquery-ui.js

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

これが必要です。