BG Color Fade Animation
このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 4の頃に作成したものであるため、そのうちjQuery用にしてもっとシンプルな実装で作成するかもしれません。
指定した要素の背景色を変化させるアニメーションを実現するためのDynamicHTML(DOM+JavaScript)です。スクリプトはscriptフォルダにあるものとして記述しています。
Sample
背景色が徐々に変化していくので目立ちます
<p id="bgc">背景色が徐々に変化していくので目立ちます！</p>
ID名は自由ですが、スクリプトの実行時に必ず指定したID名を使用してください。
<SCRIPT type="text/javascript" src="script/bgcfa.js"></SCRIPT>
ここからスクリプトをファイルに保存して、<HEAD>～</HEAD>内に上記のように記述してスクリプトを読み込ませます。
<BODY onload="BGCFA('bgc','#d5ffd5','#c0c0ff',0,30);">
スクリプトは<BODY>のonload属性で実行します。最初のパラメータが指定したID名で、2番目のパラメータが開始背景色、3番目のパラメータが終了背景色、4番目のパラメータが動作モード、5番目のパラメータが処理タイミング（ミリ秒）となります。
動作モードを1にすると、背景色の代わりに文字色が変化します。