横に動く文字 

【 横に動く文字基本編 】

このように横に動く文字

このタグはこちら↓
<MARQUEE width="300" scrollamount="3" bgcolor="#ffffcc" style="font-size:9pt;color:#cc9933;padding:5px">このように横に動く文字</MARQUEE>


width="文字が流れる横幅"
scrollamount="流れるスピード"
bgcolor="背景色"。背景色が不要の場合はこの部分を削除。
font-size:9ptの数字で文字のサイズを指定。
color:#cc9933で文字の色を指定。
padding:5px・・・ここは説明が難しいかも。文字の上下の間隔?すき間?
 

【 横に動く文字応用編1 】

このようにテーブルを利用して横に流れる文字。

このタグはこちら↓
<TABLE background="○○.gif" bordercolor="#ffe6cc" cellspacing="5" cellpadding="2" border="0"> <TR><TD bgcolor="#ffffff">
<MARQUEE width="300" scrollamount="3" bgcolor="#ffffcc" style="font-size:8pt;color:#cc9933;padding:3px">ここに文字。</MARQUEE>
</TD></TR></TABLE>


background="○○.gif"で枠に使う画像指定(見本ではチェックの素材使用)
cellspacing="5"の数字で枠の幅を指定。
他は基本編を参照。

【 横に動く文字応用編2 】


上下にライン素材を利用して横に流れる文字。


このタグはこちら↓
<img src="○○.gif"><br>
<MARQUEE width="350" scrollamount="3" bgcolor="#ffffcc" style="font-size:8pt;color:#cc9933;padding:3px">ここに文字。</MARQUEE><br>
<img src="○○.gif">


見本のライン素材はドットラインです。
各パーツの説明は基本変・応用編1を参照。


【 横に動く文字応用編3 】

こんなふうに文字とアイコンを組み合わせて動かすことも出来ます。

このタグはこちら↓
<MARQUEE width="300" scrollamount="3" bgcolor="#ffffff" style="font-size:8pt;color:#cc9933;padding:5px"> <img src"car-1.gif"> ここに文字。</MARQUEE>


アイコン部分<img src"car-1.gif">には表示させたいアイコンまでのアドレスを記入。
各パーツの説明は基本変・応用編1を参照。