美輝川＠MarqueeTrain＠簡単な効果

▼あくまでも“例”です。自分のやりやすいよう、タグを入れてください。
またタグについてはあまり詳しくないので使い方が間違っている場合があります。
※タグについての質問は受けません。自分で調べるか研究してみてください。

<MARQUEE>******</MARQUEE>タグの使用。
HTMLの<BODY></BODY>の間のどこかに<MARQUEE>MarqueeTraffic</MARQUEE>といれると↓
MarqueeTraffic

画像のタグを入れてみると。。。<MARQUEE><img src="651038.gif" width="171"height="52"></MARQUEE>↓

※　width="171"height="52　などの画像の幅と高さは入れなくても機能しますが、なるべく入れた方が良さそうです。
(訪れた時に読込時間関係なくズレる（途中から始まる）可能性がでてきます)。
※　大文字小文字は関係ありませんが、全角と半角には注意してください。半角でないと機能しません。

①スピードの調整	いくらなんでも遅すぎ！とおもったらscrollamountというタグを挿入。
	<MARQUEE scrollamount="速度1～"> ※速度設定なし(通常の速さ)はscrollamount="6"と同じになります。
<MARQUEE scrollamount="20"><img src="651038.gif" width="171"height="52"></MARQUEE>　　↓

③滑らか	動きがなんともいえない。。。と言う方。 scrolldelay="50" truespeed というタグを入れる。
	<MARQUEE scrollamount="10"　scrolldelay="50" truespeed> scrolldelay="このなかの数字が低いほど滑らかに動きます。1～" ※なお、低い数字にしすぎるとするとスピード設定の調整が細かくできなくなります。 ※スピード（scrollamount）は自分で調整願います。
<MARQUEE scrollamount="10"　scrolldelay="50" truespeed><img src="651038.gif" width="171"height="52"></MARQUEE>　　↓

④重ねる

複線みたいにしたい！背景がほしい！と言う方。
<DIV>のstyle使用。列車の場合は透過GIF,PNGが必要となります。

<img src=・・・>編

<DIV style="margin-top:-70px;">
-70pxとは上に70pxずらすと意味。70pxにすれば下に70pxずれる。
ずらすpxは自己で計算お願いしますm(__)m
計算が面倒な場合は、列車の高さを(空白をいれて)背景前景にあわせるという方法があります。

列車/前景

※背景が無いので前景の画像の上が切れてしまいます。
この場合は列車の画像も前景の高さ(この場合70ｐｘ)にあわせて空白を作らなくてはなりません。

背景/列車/前景

※枠が決められていないため、端がおかしくなります（画像から飛び出るか画像が中途半端）。解消するためには④-2へ。

④-2重ねる

テーブル（セル）内でMTを行なう場合、セルに背景を設定する事ができます。
ただ、ずらすPxの計算が面倒です。
※HPに走らせる時、背景と前景なども置くさいにはコレが一番オススメ。

<background=・・・>編

<table border="2" cellpadding="0" cellspacing="0" bgcolor="#E6E6FF" bordercolor="#C8C8FF" background="ground.gif" width="800" height="70" align="center"><td>
●table border="2"・・・外枠の太さ。この場合は2px。
●bordercolor="#C8C8FF"・・・外枠の色。16進数で設定します。
#FFFFFF…白　#0000FF…青　#008000…緑　#FF0000…赤　#000000…黒　などペイントソフトなどで調べてみて下さい。
●background="ground.gif" width="800" height="70"・・・画像指定（幅、高さは必ず設定をお願いします）。

背景/列車/前景

④-3重ねる

踏切などのGIF動画は、背景や前景に含めてしまうと列車の動きが
踏切のランプが変わるごとにカクッカクッと心地悪い動きになります。
そこで踏切単独の画像を入れましょう。

部品編

<img src="fumi.gif" hspace="200">　右へ200px移動。

背景/列車/前景/他

タグ
IMG編
src=	画像を表示
hspace=	横へずらす。+は右、-は左。（余白の設定）
vspace=	縦へずらす。（余白の設定）
width=	画像の幅。
height=	画像の高さ。
border=	画像の枠。
alt=	文字。（画像にカーソルを置くと文字が表示）
マージン
margin-top	上マージン
margin-bottom	下マージン
margin-right	右マージン
margin-left	左マージン
他
画像の左右反転(IE5.5以上)	<img src="画像" style="filter:fliph()">
画像の透過(30は透明度)	<img src="画像" style="filter: Alpha(opacity=30);">

他にもJavaScriptなどを利用したランダムや、時間設定などがあります。

○MT作成、オススメフリーソフト
PictBear Second Edition		「柏木泰幸様作」のフリーペイントソフト。フリーにしては沢山の機能を持っております。配布されているプラグインをダウンロードすると更に便利になります！
JTrim		フリー画像レタッチソフトです。 GIF画像など256色に色を落とす時にあまり色落ちしません。
TeraPad		HTMLの作成のさいに使うと便利です。 HTML表示にするとタグごとに色がつくので見やすいです。メモ帳より高機能です。

②方向の調整	いつも右からだとつまらないな～。とおもったら左からも可能。 direction="right" というタグを入れる。
	<MARQUEE direction="right">
<MARQUEE scrollamount="20" direction="right"><img src="651038.gif" width="171"height="52"></MARQUEE>　　↓