Tickerスクリプト

流れる文字を表示するスクリプトです。
<marquee>と違い、複数の文章を連続で流せます。
<a>などのインラインタグも流せます。

右から左に流れて、左端で一旦止まって、下に落ちます。
落ちたら2つ目の文章が流れてきます。



↓サンプル↓

Tickerスクリプト

 




list.dat
に記述された文章が1行ずつ流れます。
<a>などのインラインタグが使えます。



設置コード

<span id="TickerArea" style="display:inline-block;"><div id="TickerItem"><a href="http://web-sozai.seesaa.net/">Tickerスクリプト</a></div>&nbsp;</span>
<script src="ticker.cgi" charset="utf-8"></script>

スクリプトと設置ページのパスが違う場合は赤文字の部分を変更。

id="TickerArea"
のタグは、inline-blockな<span>ですが、<div>などのブロックでも構いません。
widthを指定することで表示領域の大きさが変更できます。（指定しない場合は468pxとなります。）
高さ確保のため、&nbsp;は必要です。



ダウンロード