テキストをスクロールさせる

属性：

width	ピクセル，%	マーキーの幅を指定
height	ピクセル，%	マーキーの高さを指定
hspace	ピクセル	マーキーの左右の余白を指定
vspace	ピクセル	マーキーの上下の余白を指定
behavior	scroll，alternate，slide	マーキーの動き方を指定
direction	left，right，up，down	スクロールの方向を指定
loop	回数，0，-1	スクロールする回数を指定
scrolldelay	秒数	再描画までの時間を指定
scrollamount	ピクセル	再描画までの距離を指定
truespeed	間隔	スクロールの間隔を指定
bgcolor	#rrggbb，colorname	マーキーの背景色を指定

MARQUEE要素は、テキストがスクロールする動作を繰り返します。
属性に何も指定しなければ、右から左へテキストがスクロールします。
属性に複数の指定をする場合は、スペースで区切って記述します。
また、テキストのほかに画像をスクロールさせることもできます。
このMARQUEE要素は、Internet Explorerでのみ有効です。
Netscape Navigator4.7以降では、そのまま左に寄せて表示されるだけでスクロールはしません。

サイズに関する属性

サイズに関する属性には、width,height,hspace,yspaceがあります。
width、height属性で、スクロールする範囲の幅と高さを指定します。
ピクセル数を指定すると絶対的なサイズ、%を指定するとブラウザウィンドウに対する相対的なサイズとなります。
hspace、vspace属性で、スクロールする範囲の上下左右の余白を指定します。
こちらはピクセル数のみの指定となります。

動きに関する属性

動きに関する属性には、behavior,directionがあります。
behavior属性で、マーキーの動き方を指定します。

scroll	：	テキストが片方から出てきてページを横切る動作を繰り返します。(デフォルト値)
alternate	：	テキストがスクロールする範囲の片端にくると、逆方向にスクロールします。
slide	：	テキストがスクロールする範囲の片端にくると停止します。

direction属性で、テキストがスクロールする方向を指定します。

left	：	右から左へスクロールします。(デフォルト値)
right	：	左から右へスクロールします。
up	：	下から上にスクロールします。
down	：	上から下にスクロールします。

回数と時間に関する属性

回数と時間に関する属性には、loop,scrolldelay,scrollamount,truespeedがあります。
loop属性で、スクロールする回数を指定します。
特に指定しない場合は、無限にスクロールを繰り返します。(デフォルト値)
loop="0" や loop="-1"を指定しても同じように無限スクロールとなります。
scrolldelay属性で、再描画される時間の間隔を指定します。
単位は1/1000秒で、デフォルト値はscrolldelay="85"です。
ここで指定する秒数が大きいと遅く、小さいと速くスクロールします。
ただし、この値が60より小さいときは、truespeed属性を同時に指定する必要があります。
scrollamount属性で、再描画されるまでにどれだけ進むかを指定します。
ピクセル数で指定し、デフォルト値はscrollamount="6"です。
ここで指定するピクセル数が大きいと速く、小さいと遅くスクロールします。
truespeed属性は、scrolldelay属性で60より小さい値を指定した場合に、実際にその間隔でスクロールさせることが出来ます。
この属性を指定しないとscrolldelay属性で60より小さい値を指定しても、60として処理されます。

色に関する属性

色に関する属性には、bgcolorがあります。
bgcolor属性で、スクロールする範囲の背景色を指定します。
色指定値(#rrggbb)または、色名(colorname)で指定します。
(詳細は『色の指定方法』を御覧ください)

幅270、高さ30、左から折り返し、無限

<MARQUEE width="270" height="30" behavior="alternate" direction="right" loop="0" bgcolor="#cccc99">幅270、高さ30、左から折り返し、無限</MARQUEE>

幅80%、高さ50ピクセル、下から上、120秒

　　　　　　　　　　　　　　　　…画像をスクロールさせています

素材:(c)cherish

<MARQUEE width="300" height="25" scrollamount="1" loop="0" behavior="scroll" direction="left"><IMG src="img/hiyo04l.gif" width="30" height="24" border="0">　　　　　　　　　　<IMG src="img/hiyo04l.gif" width="30" height="24" border="0">　　　　　<IMG src="img/hiyo04l.gif" width="30" height="24" border="0">　…画像をスクロールさせています</MARQUEE>