文字を徐々に大きくする。 |
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= で、表示する文字の大きさを設定します。 |