Marquee
<MARQUEE>タグは、テキストや画像を横や縦にスクロールしながら表示させることができます。
属性は、DIRECTIONで表示方向、LOOP属性で表示させる回数、0で無限になります。SCROLLAMOUNTでスクロール距離、SCROLLDELAYでスクロール時間(mm秒)、BEHAVIORの[scroll]で終端横切ってスクロール、[alternate]で反転してスクロール、[
slide ]で終端でスクロールを停止させてます。WIDTHで表示幅サイズ。HEIGHTで表示高さサイズ。HSPACEで左右の空き。VSPACE]で天地の空きなどがあります。BGCOLORで背景色を指定できます。色についてはCSSで指定もできます。
<marquee direction=" left | right | up | down " loop="count" scrollamount="left |right | down | top" scrolldelay="mm second" behavior=" scroll | alternate | slide " width=" px | percentage " height=" px | percentage " hspace=" px " vspace=" px " bgcolor="#rrggbb | color name">
スクロールの方向の指定
SCROLLAMOUNTでスクロールさせる方向を指定します。
LEFTで左へ、RIGHTで右へ、DOWNでしたへ、TOPで上へスクロールさせることができます。
<marquee direction="left">文字は左へスクロールしながら表示します。</marquee>
<marquee direction="right">文字は右へスクロールしながら表示します。</marquee>
<marquee direction="down">文字は下へスクロールしながら表示します。</marquee>
<marquee direction="up">文字は上へスクロールしながら表示します。</marquee>
スクロールのしかたの指定
BEHAVIORでスクロールしかたの指定します。
SCROLLで終端を横切り反復して表示します。ALTERNATEで終端で反対方向にスクロールします。SLIDEで終端で停止します。
<marquee behavior="scroll">文字は終端を横切ってスクロールします。</marquee>
<marquee behavior="alternate">文字は終端で反転してスクロールします。</marquee>
<marquee behavior="slide">文字は終端で停止します。</marquee>
画像のスクロール
<MARQUEE>とスタイルシートを組み合わせると、画像をスクロールさせることができます。<MARQUEE>タグに、BACKGROUND-IMAGEプロパティーで背景画像を指定すれば、画像をスクロールさせることができます。テキストにスペースを入れないと動いて表示されません。
<marquee style="background-image: url(sample.gif')"> </marquee>
|
|
|
|---|