■ タイプライター風 メッセージ NO3 ■
* メッセージがタイプライターのように表示されます。
* 文字の色と背景色も自由に変更出来ます。
<BODY onload="mess1()"> <script language="JavaScript"> <!-- me = new Array(5); //メッセージの数を変更したらここも変える。現在5個 me[0] = ""; //ここにはメッセージを記入しない。 me[1] = "ここにメッセージ4 "; //最後に表示 me[2] = "ここにメッセージ3 "; //3番目に表示 me[3] = "ここにメッセージ2 "; //2番目に表示 me[4] = "ここにメッセージ1 "; //最初に表示 var meskazu = 4; //me[4]の4と同じ数字にする var NN = (navigator.appName=="Netscape"); var charsuu = 1; if(NN) charsuu = 2; var Count=0; var scr=0; var tugi="_"; function mess1(){ document.fmess.tmess1.value = me[meskazu].substring(0,Count)+tugi; Count=Count+charsuu; if(Count > me[meskazu].length+10){ document.fmess.tmess1.value = me[meskazu].substring(scr=scr+charsuu,me[meskazu].length); if(scr > me[meskazu].length){ Count = 0; scr = 0; if(--meskazu < 1) meskazu=4; //ここもme[4]の4と同じ数字に } } setTimeout("mess1()",70); //表示スピード。数字が小さいと速い。 } // --> </script> <form name="fmess"> <!-- FORMの幅を自由に変更してね 文字の色と背景色も変えられるよ --> <input type="text" size="70" name="tmess1" style="color:yellow;background-color:black;"> </form>
。。。。。。。。。。。。。。。。。。。。。。。
■ 下記と同じタグ箇所で、サイズ変更・色変更をしてください。
<input type="text" size="70" name="tmess1" style="color:yellow;background-color:black;">
* text" size="70" フォームの幅です。
* color:yellow; 文字色です。
* background-color:black 背景色です。
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送