マーキーもどき(複数可)




















 インターネットエクスプローラのみで動くMARQUEEタグってのがあります。
<marquee>動かしたい文章</marquee>のように書くだけで、「動かしたい文章」の部分が横スクロール
するとゆう、カンタンに動くページを作れるタグですが、ネットスケープナビゲータでは動きません。

 このスクリプトは、インターネットエクスプローラでもネットスケープナビゲータでも、同じように
マーキー「っぽく」スクロールする文章を表示するものです。




設置方法

 まず、以下の内容を、<body>タグと</body>タグの間にコピーします。

 次に、<body>タグ内にonload="rr18F()"と記述します。
 例えば、
<body bgcolor="#000035" text="yellow" background="back.gif">
なら、
<body bgcolor="#000035" text="yellow" background="back.gif" onload="rr18F()">
といった具合です。

 次に、5行目のいらっしゃいませ! どうぞごゆっくり!!2つめの文章…。このように、複数置けます。の部分を、動かしたい文章に書き換えます。
 ただし、半角文字を混ぜないように、全て全角文字で書いてください。(混じっていると、古いブラウザで誤動作する可能性があります。)


 また、このスクリプトの場合、ページ内のどこに記述しても特定の位置に表示されてしまうので、どこに表示するかを指定する必要があります。
 一行目のtop:100px;left:50px;が表示位置を指定している部分で、この場合、ページ内の上から100ピクセル、右に50ピクセルの位置に表示されます。
 同様に、2行目、3行目のそれが2つめ、3つめの表示位置です。
 この数値を書き換えて、好きな位置に表示されるように指定して下さい。

 6行目、7行目の<font color="red" size="5"></font>は、それぞれ、3つの文章を挟む開始タグと終了タグです。
 いずれも、左から、1つめの文章用、2つめの文章用、3つめの文章用となっています。




改造ポイント

 このスクリプトは、とりあえず3つの流れる文章を設定出来るようになっています。
 これを増やす場合は
<div id="rr18id0" style="position:absolute;top:100px;left:50px;"></div>
<div id="rr18id1" style="position:absolute;top:150px;left:10px;"></div>
<div id="rr18id2" style="position:absolute;top:200px;left:200px;"></div>
<div id="rr18id3" style="position:absolute;top:250px;left:200px;"></div>
のようにrr18idに続く数値を+1したものを並べて、5、6、7行目の文章、開始タグ、終了タグも
rr18text=new Array('いらっしゃいませ! どうぞごゆっくり!!        ','2つめの文章…。        ','このように、複数置けます。         ','4つめの文章');
のように4つめを追加してください。