HTMLタグの森

HTMLのタグ辞典です。すべて暗記するなんて無理ですから^_^; 辞書代わりに使ってください☆ヽ(▽⌒*)♪

文字をスクロール(マーキー)


■文字をスクロールさせる

marquee(マーキー)

なにも設定しない場合、右から左にスクロールします。

こうなります    (´∀`)_┳※・・・・・・・・・・・・・・・・・・・・・・・・・(;゚ロ゚)・・・・・・・・・・・

これに対して、位置、動作、回数や時間、色などに関して設定できます。


■サイズに関すること

width="ピクセル"、または"%" (スクロールの幅)
height="ピクセル"、または"%" (スクロールの高さ)
hspace="ピクセル"(マーキーの左右の余白) vspace="ピクセル"(マーキーの上下の余白)

■動きに関すること

マーキーの動き方

behavior="scroll" これはデフォルトになります。片方から出てきて、横切る動作を繰り返す。

behavior="alternate" スクロールする範囲の片端にくると、逆方向にスクロール。

こうなります  ワーイ。(⌒∇⌒。)三(。⌒∇⌒)。ワーイ

behavior="slide" スクロールする片端に来ると停止

こうなります てかすでに止まってる?ヾ(@^▽^@)ノわはは

スクロールの方向

direction="left","right","up","down" ・・・このうち一つを選択(スクロールの方向)

これが left です



これが right です


これが up です


これが down です

回数と時間に関すること

スクロールする回数

loop="回数"・・・指定しない場合は無限にスクロールを繰り返します。

再描画までの時間

scrolldelay="秒数"・・・デフォルトは85です。ここで設定する値が大きいと遅く、小さいと早くスクロールして見えます。60より小さい値を入れたい場合はtruespeed属性を指定します。

再描画までの距離

scrollamount="ピクセル"・・・これは再描画されるまでにどれだけ進むかを設定するものです。デフォルトは6 になっています。この値が大きいと速く、小さいと遅くスクロールしてるように見えます。

背景色や文字の色はスタイルシートで設定できます。また、画像をスクロールさせることもできます。

今までのをまとまて書くと、

<marquee width="80%" behavior="alternate" scrolldelay="100">
スクロールさせてみます( v ̄▽ ̄) イエーイ♪ </marquee>

と書くと

スクロールさせてみます( v ̄▽ ̄) イエーイ♪

となります。あとは好きなように組み合わせて実際に動かしながら試してみて下さい。いろんな組み合わせができます。

ちなみにこれはスタイルシートで背景を白、文字をオレンジに設定しています。 参考までに

marquee { background-color: white; color: orange; padding: 5px; }

>>もどる

Copyright(C)2007 homepage_4_u All Rights Reserved.