サイト内検索

...HTML・XHTMLタグ...

テキスト

動く文字・左右へ動く

文字を動かすには、marquee要素を指定します。
いろいろ数値を 変えてみるとおもしろいです。
[使い方]
<marquee></marquee>
[メモ]
W3Cの検証サービスでは、推奨されていません。
width= ""文字の動く横幅の指定します。

整数の「ピクセル数(例・・"100")」
または
「パーセント(例・・"50%")」を指定します。
height= ""文字が動く高さの指定をします。

整数の「ピクセル数(例・・"100")」
または
「パーセント(例・・"50%")」を指定します。
hspace=""スクロール範囲の余白の指定(左右)します。
整数の「ピクセル数(例・・"100")」を指定します。
vspace=""スクロール範囲の余白の指定(上下)します。
整数の「ピクセル数(例・・"100")」を指定します。
bgcolor=""スクロール範囲の背景色の指定します。

16進数RGB値(例・・#8888888)
または
カラーネーム(例・・red)を指定します。
scrollamount="" 整数の「ピクセル数(例・・"100")」を指定します。
動く距離(指定がない場合は「6」です。)
scrolldelay="" 整数「ミリ秒単位(例・・"60")」を指定します。
動く早さ(指定がない場合は「85」です。)
direction="left"移動方向を指定します。
left右から左へ移動
right 左から右へ移動
up 下から上へ移動
down上から下へ移動
behavior="scroll"動き方
scroll 片方から出てきて横切るを繰り返し
slide片方から出てきて端で停止する。
alternate 左右(上下)に往復させる 。

サンプル

左から右に動いて止まる

[bodyの中]

<marquee bgcolor="#ffff98" width="450" height="40"
scrollamount="2" scrolldelay="20" direction="right" behavior="slide">
左から右へ動いて止まる→
</marquee>

[ブラウザ上]

左から右へ動いて止まる→

左右に動く

[bodyの中]

<marquee bgcolor="#ffff98" width="450" height="40"
scrollamount="2" scrolldelay="20" direction="left" behavior="alternate">
←左右に動く→
/marquee>

[ブラウザ上]

←左右に動く→

右から左へ動く

[bodyの中]

<marquee bgcolor="#ffff98" width="450" height="40"
scrollamount="2" scrolldelay="20" direction="left" behavior="scroll">
←右から左へ動く
</marquee>

[ブラウザ上]

←右から左へ動く

Copyright c 2007.10.01 luc All rights reserved.