フォーム内を文字が流れるスクリプトです。
ページが読み込まれると、自動的に流れます。
回数制限付きです。
・サンプルを見る
・ソースを保存する
（右クリック→「対象をファイルに保存」or「リンクを名前を付けて保存」して下さい。）
・ソースを見る
・解説を見る
[ ソース ]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script language="JavaScript">
<!--//Copyright (C) WEST MiRa http://www.west-mira.jp
//表示する文字を指定
ji2="流れる流れる流れて行く〜。どんぶらこっこ、どんぶらこっこ……";
//流れる早さを指定
hayasa=150;
//制限回数を指定
seigen=1000;
//終了時に表示する文字を指定
last_moji='終わり';
a=0;
hajime=0;
kazu=0;
function ver2()
{
ji=" ";
bunn=ji+ji2;
len=bunn.length+1;
if(kazu <= seigen)
{
document.form1.text1.value=bunn.substring(hajime,len);
hajime=(hajime > len)?0:hajime+1;
kazu++;
clearTimeout(a);
a=setTimeout('ver2()',hayasa);
}
else document.form1.text1.value=last_moji;
}
//-->
</script>
</head>
<body onLoad="ver2();">
<form name="form1">
<input type="text" name="text1" size="30">
</form>
・
・
・
</body></html>
[ 解説 ]
ボディタグ内に、普通通りHTML要素を付け加えてもＯＫです。
「どんぶら……」と書いてある場所に、お好きなメッセージを書いて下さい。
早さを調節する場合は、上から７行目にある「hayasa=150;」の数字を変更して下さい。
数字が小さいほど早く、大きいほど遅くなります。
ですがあまり早くしない方がベターです。
早すぎるとバグります。
制限回数を変えたい場合は、上から９行目の「seigen=500;」の数字を変えて下さい。
スクロールが終わった後で表示させたい文字は、「すくろーる終わり」と書いてある場所に書いて下さい。
下の方にある<form name="form1">〜</form>が文字が流れる場所なので、
配置したい場所に置いて下さい。
フォームサイズを変えたい場合は、「size="30"」の数字を変えて下さい。
|
