メッセージが横へスクロール

テキストボックスの中でメッセージが横へスクロールします。

　

メッセージは、好きなものに変えられます。（「プログラム②」の青字の部分。）
テキストボックスの幅も自由に変えられます。（「プログラム②」の赤字の部分。）

「ホームページを彩るＪａｖａ」へ戻る

ＳＴＥＰ１

「プログラム①」をＨＴＭＬの上の方にコピーして下さい。

プログラム①

<script language="JavaScript">
var id,pause=0,position=0;
function banner() {
// variables declaration
var i,k,msg=document.form.message.value;
// increase msg
k=(66/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg;
// show it to the window
document.form.banner.value=msg.substring(position,position+50);
// set new position
if(position++==document.form.message.value.length) position=0;
// repeat at entered speed
id=setTimeout("banner()",1000/document.form.speed.value); }
</script>

　

ＳＴＥＰ２

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

プログラム②

<form name="form">
<input type="text" name="banner" size="50">
<input type="hidden" name="message"
value="☆☆☆　Welcome to My Homepage　☆☆☆">
<input type="hidden" name="speed"
value="10" size="5" banner()>
</form>

　

ＳＴＥＰ３

「プログラム③」の赤字の部分をＨＴＭＬの＜ＢＯＤＹ＞の中に追加して下さい。

プログラム③

<body onload="banner()" onunload="window.status=''">

ページＴＯＰへ