[PR]テレビ番組表
今夜の番組チェック

 

 

スクロールの方向の指定

スクロールのしかたの指定

画像のスクロール

Page Top ▲

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')">&nbsp;</marquee>