Webサイトづくりに役立つ小技

文字・速さ･幅・高さなどをお好みに指定してお使いください。
文字の部分に画像URLを挿入すれば、【動く文字2や6】のようになります。

【動く文字基本･･･右から左へ　何も指定していません】

何も指定してないよ～♪
↓↓↓コピペ↓↓↓
<Marquee>何も指定してないよ～♪</Marquee>

【動く文字基本･･･右から左へ　流れる回数だけ指定してあります　回数はloop="5"】

流れる回数を指定する
↓↓↓コピペ↓↓↓
<Marquee loop="5">流れる回数を指定する</Marquee>

【動く文字1･･･左から右へ　　この速さはscrollamount="4"です】
Welcome

↓↓↓コピペ↓↓↓
<marquee direction="right" scrollamount="早さ" width="長さ">文字</marquee>

【動く文字2･･･右から左へ　　この速さはscrollamount="5"です】

↓↓↓コピペ↓↓↓
<marquee direction="left" scrollamount="早さ" width="長さ">文字</marquee>

【動く文字3･･･下から上へ　　この速さはscrollamount="1"です】
はしめまして。
ようこそ♪

↓↓↓コピペ↓↓↓
<marquee direction="up" scrollamount="早さ" width="長さ" height="高さ">文字</marquee>

【動く文字4･･･heightで設定した高さを上下する　　この速さはscrollamount="2"です】
ふわぁ～

↓↓↓コピペ↓↓↓
<marquee behavior="alternate" direction="down" scrollamount="早さ" width="長さ" height="動く高さ">文字</marquee>

【動く文字5･･･widthで設定した幅を左右する　　この速さはscrollamount="3"です】
Welcome

↓↓↓コピペ↓↓↓
<marquee behavior="alternate" direction="right" scrollamount="早さ" width="長さ">文字</marquee>

【動く文字6･･･左右に動きながら上下する　　この速さはscrollamount="1"です】

↓↓↓コピペ↓↓↓
<MARQUEE scrollamount="速さ" direction="down" behavior="alternate" width="長さ" height="高さ"><MARQUEE behavior=alternate>文字</MARQUEE></MARQUEE>

【応用編･･･テーブルの中で文字が流れるようにする】

★ようこそお越しくださいました。ごゆっくりどうぞ★

↓↓↓コピペ↓↓↓
<TABLE border=1 bordercolor=#000000 width=200 height=20><TBODY> <TR><TD><marquee scrollAmount=3>★ここにメッセージや画像★</marquee></TD></TR></TBODY></TABLE>