ぱそおーるHTML講座

<MARQUEE></MARQUEE>タグ


<MARQUEE>タグを使う事で文字をスクロールさせる事が出来ます。
☆こんな感じで文字がスクロールします☆ 属性を指定する事で色々な動きを付ける事が出来ます。
ページに複数設定出来ます。
画像やリンク文字もスクロールさせる事が出来ます。
InternetExplorerとNetscape7に対応しています。
非対応ブラウザで表示した場合、スクロールはせずに通常表示されます。

属性
width : マーキーの幅をピクセル単位、または％で指定します。
height : マーキーの高さをピクセル単位、または％で指定します。
hspace : マーキーの左右の余白を指定します。単位はピクセルです。IEのみ
vspace : マーキーの上下の余白を指定します。単位はピクセルです。IEのみ
<marquee width="80%" height="20" hspace="20">ここに文字</marquee>
ここに文字

behavior : スクロール後のアクションを指定します。
  1. scroll : 一方通行でのスクロールを続けます。
  2. alternate : 画面端までスクロールすると、逆方向へスクロールします。
  3. slide : 指定範囲までスクロールすると停止します。IEのみ
<marquee behavior="alternate">こんな感じで動きます</marquee>
こんな感じで動きます

direction : スクロール方向を指定します。
  1. left : 右から左へスクロール
  2. right : 左から右へスクロール
  3. up : 下から上へスクロール
  4. down : 上から下へスクロール
<marquee direction="down">こんな感じで動きます</marquee>
こんな感じで動きます

loop : 行動回数を指定します。単位は回数です。デフォルトは無限になっています。
<marquee loop="1">一度のアクションで消えていきます</marquee>
リロードしてチェックしてみてください。
一度のアクションで消えていきます

scrolldelay : スクロールする速度を指定します。単位は1=1/1000秒です。
<marquee scrolldelay="200">ゆっくりスクロールさせています</marquee>
ゆっくりスクロールさせています

scrollamount : スクロールする文字の距離を指定します。単位はピクセル単位です。
<marquee scrollamount="20">大きくスクロールさせています</marquee>
大きくスクロールさせています

truespeed : scrolldelayで60以下を指定した場合に使います。使わない場合は60に切り上げられます。IEのみ
<marquee scrolldelay="30" truespeed>かなり高速です</marquee>
かなり高速です

bgcolor : マーキーの背景色を指定します。
<marquee bgcolor="blue">背景が青色です</marquee>
背景が青色です

属性を組み合わせる時は半角スペースで区切りをつけます。
<marquee bgcolor="pink" width="200" height="100" scrolldelay="100" direction="down" behavior="alternate">こんな感じになります</marquee>
こんな感じになります
HOMEへ