【JavaScript/DHTMLのポイント】

スライド表示

「ようこそ」「我が家の」「Home Pageへ」の文字列一つずつを一つのレイヤ(DIV)に割り付けます。途中で自動改行されないよう<nobr>タグを使っています。
この3つのレイヤは初期は見えないようにstyleでhide(hidden)の指定をします。ここでは各文字列の色と大きさもstyleで指定しています。
bodyのloadが終わったところでIniSet関数を起動し、画面の幅／高さの他上の３つのレイヤの幅／高さを求めます。画面の幅と各レイヤの幅から最終表示位置（lxとly）を求めます。
各レイヤの表示開始位置（xとy）を求め、MoveTo関数を使って各レイヤを表示開始位置に移動後３つのレイヤが見えるようにvisibilityをinheritに変更します。
StartMove関数では画面位置が先頭になるようスクロールした後、表示開始位置と最終表示位置の差を100分割し1回の移動量（pxとpy）を算出した後タイマを起動します。
タイムアウト毎にMoveXY関数が現在のレイヤ位置に1回分の移動量を加えた新しい位置に３つのレイヤを移動します。カウントを１増やし再びタイマを起動します。
MoveXY関数では100回目のタイムアウトでタイマをクリアし移動を終了します。
各ボタンには初期位置を決めた後StartMove関数を呼び出すStart1,2,3関数がonClick()で呼び出されるようにしてあります。
T.Miyazakiさんの「初めてのホームページ講座」、Yoochanさんの「DHTML」などのホームページを参考にさせて頂きました。

Java Script事例集トップページへ

鴈野さんちのHomePage TOPへ

ご感想などは鴈野敏生まで。