ScrollBar Fade Animation
このJavaScriptは2001年3月に発売された著書「わたしにもできる動くホームページ」に収録したものです。Internet Explorer 5.5以降専用となります。
指定した要素のスクロールバーの色を変化させるアニメーションを実現するためのDynamicHTML(DOM+JavaScript)です。スクロールバーがない場合には効果がありません。スクリプトはscriptフォルダにあるものとして記述しています。
Sample
ブラウザのスクロールバーをご覧ください。
<body id="sb" style="scrollbar-arrow-color:orange;">
ID名は自由ですが、スクリプトの実行時に必ず指定したID名を使用してください。scrollbar-arrow-color:色でスクロールバーの矢印の色を指定できます。
<SCRIPT type="text/javascript" src="script/bgcfa.js"></SCRIPT>
ここからスクリプトをファイルに保存して、<HEAD>～</HEAD>内に記述してスクリプトを読み込ませます。
<BODY onload="fadeSB('sb','#d5ffd5','#c0c0ff',0,30);">
スクリプトは<BODY>のonload属性で実行します。最初のパラメータが指定したID名で、2番目のパラメータが開始色、3番目のパラメータが終了色、4番目のパラメータが処理タイミング（ミリ秒）となります。
非常に重要なことですが、HTML 4.0x Strict宣言(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">など)をしたドキュメントでは動作しません。HTML4.0xならばTransitional宣言(<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">)をしておいてください。