本日  昨日
 
03/16(Sun) 00:36

o 電光掲示板表示(フォーム)

下の電光掲示板表示用スクリプトをヘッダー部にコピー&貼り付けします。

messageをあなたの表示したい内容に変更します。メッセージの頭に空白を5個位入れるとメッセージの先頭がわかり易くなります。無くてもかまいません。

<script language="JavaScript"> <!-- //電光掲示板 by「菊池さん」 <http://kikuchisan.net/> var speed = 200; //値を大きくすると速度が遅くなります var message = "     名前はウブ。黒柴とミニチュアピンシャーのハーフです。"; message+= "最近散歩に目覚め毎朝みんなに会うのが楽しみです"; message+= "....でもちょっと怖がりです。"; var timeID = 0; function electricBoard() { document.guide.message.value = message; message = message.substring(2,message.length) + message.substring(0,2); clearTimeout(timeID) ; timeID = setTimeout("electricBoard()",speed); } // --> </script>


<BODY>タグ中にonLoad="electricBoard()"を記述します。

<BODY bgcolor=white text=black onLoad="electricBoard()">


メッセージを表示したい場所にコピー&貼り付けします。
フォームの大きさはSIZE=80の80を変えることで調整できます。

<FORM NAME='guide'><INPUT TYPE='text' NAME='message' SIZE=60></FORM>


[応用] 表示を止めたり、再開するには?

上のフォーム文中に以下のINPUT文を挿入します。Aタグ(電光掲示板表示(1)参照)や画像タグでも可能です。

表示中止
<input type=button value="表示中止" onClick="setTimeout('clearTimeout(timeID)',1);document.guide.message.value=''">
表示再開
<input type=button value="表示再開" onClick="electricBoard()">


 
 
©1997- Kikuchisan's workshop All rights reserved //

スポンサーリンク

関連コンテンツ