space
テクニック:メッセージを左から一文字ずつ表示
 
space



Script

<html>
< head>
< meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
< title>メッセージを左から一文字ずつ表示</title>
< script language="JavaScript">
< !--
function startMsg() {
str = ""; i = 0;
msg = " 知りたいところをクリックして下さい。 " //ここにメッセージを記述
timerID = setTimeout("viewMsg()",200); //数値を増やすと表示が遅くなる
}
function viewMsg() {
clearTimeout(timerID);
if(i < msg.length) {
str = str + msg.charAt(i); i++;
document.form1.PR.value = str;
timerID = setTimeout("viewMsg()",200); //数値を増やすと表示が遅くなる
}else
startMsg();
}
//-->
< /script>
< script language="JavaScript" type="text/JavaScript">
< !--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
< /script>
< /head>
< body background="image/bg02.gif" onload="startMsg()">
< br>
< strong><font size="+1"> メッセージを左から一文字ずつ表示</font></strong>
< br>
< br>
< hr align="left" width="550">
< table width="550" border="0">
<tr>
<td><form name="form1">
<div align="center">
<input type="text" name="PR" size="38">
</div>
</form></td>
</tr>
< /table>
< hr align="left" width="550">
< /body>
< /html>

return