フェードイン（白→黒バージョン） <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"; j=15; a=0; mojis=moji[0]; function fade2() { iros2=iro.charAt(j); if(document.layers){ document.layers["lay1"].moveTo(x_iti,y_iti); document.layers["lay1"].document.open(); document.layers["lay1"].document.write('<font style="color:#'+iros2+iros2+iros2+iros2+iros2+iros2+';">'+mojis+'</font>'); document.layers["lay1"].document.close(); document.layers["lay1"].visibility='show'; } else if((document.getElementById) && (!document.all)){ document.getElementById("lay1").style.top=x_iti; document.getElementById("lay1").style.left=y_iti; document.getElementById("lay1").innerHTML='<font style="color:#'+iros2+iros2+iros2+iros2+iros2+iros2+';">'+mojis+'</font>'; document.getElementById("lay1").style.visibility='visible'; } else if(document.all){ document.all("lay1").style.pixelLeft=x_iti; document.all("lay1").style.pixelTop=y_iti; document.all("lay1").innerHTML='<font style="color:#'+iros2+iros2+iros2+iros2+iros2+iros2+';">'+mojis+'</font>'; document.all("lay1").style.visibility='visible'; } if(j > 0)j--; clearTimeout(a); if(j > 0)a=setTimeout('fade2();',hayasa); else { for(i=0; i<moji.length; i++)if(mojis == moji[i])break; if(mojis == moji[i] && i<moji.length-1) { mojis=moji[i+1]; j=15; a=setTimeout('fade2();',hayasa2*1000); } } } //--> </script> </head> <body onLoad="fade2();" bgcolor="#ffffff"><br> <span id="lay1" style="position:absolute;visibility:hidden;"></span> </body></html>
