タイプライター風メッセージ


 

メッセージは、好きなものに変えられます。(「プログラム@」の黄字の部分。)
数も追加できます。
次のメッセージを出す間隔も変えれます。(「プログラム@」の青字の部分。)
打ち出すメッセージの速度も変えれます。(「プログラム@」の赤字の部分。)
テキストボックスの幅も自由に変えられます。(「プログラムA」の赤字の部分。)

「ホームページを彩るJava」へ戻る


STEP1

「プログラム@」をHTMLの上の方にコピーして下さい。

プログラム@

<script language="JavaScript">

var max=0;
function textlist()
{
max=textlist.arguments.length;
for (i=0; i<max; i++)
this[i]=textlist.arguments[i];
}
tl=new textlist
(
"Wonderland of Satoshiへようこそ。",
"映画がメインのページです。",
"思いっきり楽しんで下さい。",
"ご感想などお気軽にメール下さい。"
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l) { pos=0; setTimeout("textticker()",3000); x++;
if(x==max) x=0; l=tl[x].length; } else
setTimeout("textticker()",100);
}
</script>

 

STEP2

「プログラムA」を表示させたい所にコピーして下さい。

プログラムA

<form name="tickform">
<input type="text" size="40" name="tickfield"></font></p>
</form>

 

STEP3

「プログラムB」の赤字の部分をHTMLの<BODY>の中に追加して下さい。

プログラムB

<body onload="textticker()">


ページTOPへ