自分でするSEO対策・検索エンジン最適化対策！

スクロールで遊ぼう

■　スクロール

<marquee>文字がスクロールします。</marquee>
文字がスクロールします。

■　スクロールする回数を指定する

<marquee loop="3">３回スクロールすると止まります。</marquee>
３回スクロールすると止まります。

■　スクロールの方法を指定する

<marquee behavior="scroll">スクロールを同じ方向に繰り返します（デフォルト）。</marquee>
スクロールを同じ方向に繰り返します（デフォルト）。

<marquee behavior="alternate">端にくると逆方向にスクロールします（往復）。</marquee>
端にくると逆方向にスクロールします（往復）。

<marquee behavior="slide">端にくると止まります。</marquee>
端にくると止まります。

■　スクロールする方向を指定する

<marquee direction="left">右から左にスクロールします（デフォルト）。</marquee>
右から左にスクロールします（デフォルト）。

<marquee direction="right">左から右にスクロールします。</marquee>
左から右にスクロールします。

<marquee direction="up"> 下から上にスクロールします。 </marquee>
下から上にスクロールします。

<marquee direction="down"> 上から下にスクロールします。 </marquee>
上から下にスクロールします。

■　スクロールする範囲を指定する

<marquee width="400">横幅400ピクセルの範囲でスクロールします。</marquee>
横幅400ピクセルの範囲でスクロールします。

<marquee direction="up" height="100">高さ100ピクセルの範囲でスクロールします。 </marquee>
高さ100ピクセルの範囲でスクロールします。

<marquee width="300" behavior="alternate"><img src="sample/ufo.gif" alt="UFO"></marquee>
UFO

■　スクロールする範囲の周りの余白を指定する

<marquee width="300" hspace="100">横幅300ピクセルの範囲の左右に100ピクセルの余白をつけています。</marquee>
横幅300ピクセルの範囲の左右に100ピクセルの余白をつけています。

<marquee direction="up" height="100" vspace="30">高さ100ピクセルの範囲の上下に30ピクセルの余白をつけています。</marquee>
高さ100ピクセルの範囲の上下に30ピクセルの余白をつけています。

■　スクロールする範囲の背景色を指定する

<marquee bgcolor="#ffc0cb" width="300">背景色をRGB値で指定。</marquee>
背景色をRGB値で指定。

<marquee bgcolor="plum" width="300">背景色をカラーネームで指定。</marquee>
背景色をカラーネームで指定。

■　スクロールする時間を指定する

1000分のn秒で指定します。
値が大きいほど遅くなります。

■　スクロールする距離を指定する

進む距離をピクセル数で指定します。
値が大きいほど速くなります。