文字がスクロールします。MARQUEE とほぼ同じの動きをするものを作ってみました。(^ ^)
スクロール量やスクロール間隔は MARQUEE のように変更することができます。
文字が左方向にスクロールします。MARQUEE(属性指定なし)とほぼ同じです。
(スクロール方向:左、スクロール量:6px、スクロール間隔:85ミリ秒)
| サンプル |
※ 参考:MARQUEEでは…
文字が左右を行ったり来たりします。MARQUEE(属性BEHAVIOR="alternate")と同じです。
(スクロール方向:左右往復、スクロール量:6px、スクロール間隔:85ミリ秒)
| サンプル |
※ 参考:MARQUEEでは…
やや複雑なスクロール文字です。MARQUEEでは実現できない複雑な動きや複数メッセージも JavaScript ならできてしまいます。(^ ^)
メッセージが下から上にスクロールします。MARQUEEでも同等のものができます。
(スクロール方向:上、スクロール量:2px、スクロール間隔:50ミリ秒)
| サンプル |
※ 参考:複数メッセージ対応版 MARQUEでは…
上記の上方向スクロールメッセージの改良版です。MARQUEEでは実現できない複数メッセージに対応しています。
※ Opera では2番目のメッセージが先に表示されるという不具合が発生するようです。(Opera 7.11 で確認)
| サンプル |
※ 参考:MARQUEでは…
外見上はMARQUEEのページにあるものと同じですが、複数のメッセージに対応しています。
※ このサンプルは独自拡張のタグを使用しています。IE6.x で DOCTYPE 宣言を厳格モードにすると(もちろん文法違反ですが ^^;)文字のスタート位置がずれます。
| サンプル |
※ 参考:MARQUEでは…
※ 比較的最近のバージョンの Mozilla ではちらつきが発生するようです。
※ これらのサンプルは IE4 や NN4 などの古いバージョンでも使えます。(ただし、JavaScript で 2バイト文字(日本語など)を解釈できない NN4 の古いバージョンを考慮していません。)
※ Mozilla 1.0.x 以上でも動作するように修正しました。Opera でこのサンプルを見る場合にはステータスバーを表示させなければなりません。動作しません。Opera はバージョンによっては動作しない場合があるようです。(例えば Opera 7.11)
タイトルはフォーム部品関連ですが、DOMを使用すれば、FORM要素なしでも文字を動かすことができます。(FORM要素を使用したサンプルも用意しました。)
※ FORM要素を使用したサンプルは IE4 や NN4 などの古いバージョンでも使えます。(ただし、JavaScript で 2バイト文字(日本語など)を解釈できない NN4 の古いバージョンを考慮していません。)
テキストボックスに現在時刻をリアルタイムに表示します。DOMを使用したサンプルとFORM要素を使用したサンプルを用意しました。FORM要素を使用したサンプルはIE4やNN4などの下位バージョンでも使えます。
| サンプル(DOM使用) | サンプル(FORM使用) |
新たに生成されたウィンドウそのものを動かします。うっとうしい? (^ ^;
ブラウザ上で文字を動かすのと同様にいろいろなことが実現できる … と思ったのですが、実際にはいろいろと制約ありました。例えばNetscape や Mozilla ではウィンドウを画面の有効範囲内にしか配置できないようです。
子ウィンドウが点滅します。点滅と言っても実際には子ウィンドウが前面に出たり、背後に隠れたりを繰り返しているだけですが … 。
※ IE5.5やNN4.7では動作しましたが、Mozilla (Netscape 6, 7系)ではバージョンによって動作するものとしないものがあるようです。Mozilla 1.0.2 (Netscape 7系相当)は動作しました。
| サンプル |
上記のサンプルが動作しない Mozilla でも動作するサンプルを作りました。
| サンプル(Mozilla対策版) |
文字の色が順番に1文字だけ変化しながら流れていきます。色や変化するスピードを自由に設定可能です。
※ 比較的最近のバージョンの Mozilla ではちらつきが発生するようです。
| サンプル |