文字を徐々に大きくする。
|
| Sample |
| ココをクリックして新しいウインドウを開いてください。 |
| ソ−ス |
<HTML>
<head>
<script language="JavaScript">
<!--
isNN = (navigator.appVersion.charAt(0)>=4 && (navigator.appName).indexOf("Netscape") != -1);
isIE = (navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE") != -1);
i = 0;
speed = 4;
max_val=50;
str = "<font color=blue>どうだ〜!</font>";
function str_zoom(){
i++;
if(i > max_val){
clearTimeout(timeid);
return;
}
if(isNN == true){ //NN4のとき
document.layers['layer1'].document.write('<span style="font-size:'+i+'pt">'+str+'</span>');
document.layers['layer1'].document.close();
}
if(isIE == true){ //IE4のとき
layer1.innerHTML= '<span style="font-size:'+i+'pt">'+str+'</span>';
}
timeid = setTimeout("str_zoom()",speed);
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000" onLoad="str_zoom()">
<span id="layer1" style="position: absolute;"></span>
<br><br><br><br><br><br><br>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
</body>
</HTML>
|
| ワンポイント解説 |
|
speed = で、表示するスピードを設定します。 max_val= で、表示する文字の大きさを設定します。 |