|
 |
|
文字の移動 <MARQUEE>
テキストを自動的にスクロールさせるタグです。上下左右や、繰り返し、スピードなどを設定することができます。
赤い文字は初期値(何も設定しなかった場合の値)
| 属性 |
値 |
機能 |
記述例 |
| behavior |
scroll
slide
alternate |
スクロールする
端で停止する
往復する |
<MARQUEE behavior="scroll">
<MARQUEE behavior="slide">
<MARQUEE behavior="alternate"> |
| direction |
left
right
up
down |
右から左へ
左から右へ
下から上へ
上から下へ |
<MARQUEE direction="left">
<MARQUEE direction="right">
<MARQUEE direction="up">
<MARQUEE direction="down"> |
| scrollamount |
数値(6) |
１描画の移動値 |
<MARQUEE scrollamount="10"> |
| scrolldelay |
ミリ秒(85) |
描画間隔 |
<MARQUEE scrolldelay="100"> |
| truespeed |
*1scrolldelayの正確さ |
<MARQUEE truespeed> |
| loop |
回数 |
繰り返す回数 |
<MARQUEE loop="2"> |
| width |
数値/% |
横幅 |
<MARQUEE width="80%"> |
| height |
数値 |
縦幅 |
<MARQUEE height="200"> |
| bgcolor |
色 |
背景色 |
<MARQUEE bgcolor="red"> |
| hspace |
数値 |
左右の余白 |
<MARQUEE hspace="10"> |
| vspace |
数値 |
上下の余白 |
<MARQUEE vspace="5"> |
*1 scrolldelayは59以下の場合、60に置き換えられてしまいます。
ただし、truespeedを記述すると、59以下の数値も設定できます。
サンプル
文字の移動
|
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するタグ・属性です。
<P><MARQUEE>スクロールしています</MARQUEE>
<P><MARQUEE behavior="alternate" scrollamount="15">左右に移動しています</MARQUEE></P>
<P><MARQUEE height="80" direction="up" behavior="alternate">
上下に移動しています</MARQUEE></P>
<P><MARQUEE height="80" direction="up" behavior="alternate">
<MARQUEE behavior="alternate">波打つように移動します</MARQUEE></MARQUEE></P> |
解説・注意点など
IE以外のブラウザでは動作しないことがあります。
← HTMLタグリファレンス/Tipsに戻る
|
|
|
