【JavaScript/DHTMLのポイント】

回転スクロール


  1. 表示する文字一つずつを一つのレイヤ(DIV)に割り付けます。ここでは回転表示の為18個のレイヤを使っています。
  2. 500msごとのインターバルタイマで各文字のレイヤのx、y位置を20度回転した位置に移動します。
  3. 中央1番上に来た時に この文字の色を変更します。IE、NN6ではstyleのcolorを変更し、NN4ではこの文字のみ再記入することで実現しています。
  4. 色の合成はR,G,Bそれぞれに00,bb,dd,ffの中からランダムに選択し合成してRGBを作ります。
  5. クロスブラウザ対応したつもりですがNN6は未確認です。
  6. T.Miyazakiさんの「初めてのホームページ講座」、Yoochanさんの「DHTML」などのホームページを参考にさせて頂きました。

Java Script事例集トップページへ
鴈野さんちのHomePage TOPへ
ご感想などは鴈野 敏生 まで。