フェードイン（黒→白バージョン） <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 moji=new Array(); //フェードインさせたい文字を指定する moji[0]="はじめのはじめのはじめのフェードイン"; moji[1]="2回目の2回目の2回目のフェードイン"; moji[2]="最後の最後の最後のフェードイン"; //フェードインさせたい文字を表示する横位置を指定する x_iti=100; //フェードインさせたい文字を表示する縦位置を指定する y_iti=100; //フェードインの早さを指定する hayasa=100; //次のフェードインに移るまでの秒数を指定する hayasa2=3; iro="0123456789abcdef"; i=0; a=0; mojis=moji[0]; function fade() { iros=iro.charAt(i); if(document.layers){ document.layers["lay0"].moveTo(x_iti,y_iti); document.layers["lay0"].document.open(); document.layers["lay0"].document.write('<font style="color:#'+iros+iros+iros+iros+iros+iros+';">'+mojis+'</font>'); document.layers["lay0"].document.close(); document.layers["lay0"].visibility='show'; } else if((document.getElementById) && (!document.all)){ document.getElementById("lay0").style.top=y_iti; document.getElementById("lay0").style.left=x_iti; document.getElementById("lay0").innerHTML='<font style="color:#'+iros+iros+iros+iros+iros+iros+';">'+mojis+'</font>'; document.getElementById("lay0").style.visibility='visible'; } else if(document.all){ document.all("lay0").style.pixelLeft=x_iti; document.all("lay0").style.pixelTop=y_iti; document.all("lay0").innerHTML='<font style="color:#'+iros+iros+iros+iros+iros+iros+';">'+mojis+'</font>'; document.all("lay0").style.visibility='visible'; } if(i < 15)i++; clearTimeout(a); if(i < 15)a=setTimeout('fade();',hayasa); else { for(j=0; j<moji.length; j++)if(mojis == moji[j])break; if(mojis == moji[j] && j<moji.length-1) { mojis=moji[j+1]; i=0; a=setTimeout('fade();',hayasa2*1000); } } } //--> </script> </head> <body onLoad="fade();" bgcolor="#000000"><br> <span id="lay0" style="position:absolute;visibility:hidden;"></span> </body></html>
