<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 //フェードイン開始時の背景色を指定する start_color="8f7e68"; //フェードイン終了時の背景色を指定する end_color="f2e2cc"; //フェードインの進行を決める早さ //遅くしすぎるとフェードインに見えなくなる times=50; iro="0123456789abcdef"; haji1=eval("0x"+start_color.substring(0,2)); haji2=eval("0x"+start_color.substring(2,4)); haji3=eval("0x"+start_color.substring(4,6)); haji11=eval("0x"+end_color.substring(0,2)); haji22=eval("0x"+end_color.substring(2,4)); haji33=eval("0x"+end_color.substring(4,6)); if(start_color<end_color) { kazu1=Math.ceil((haji11-haji1)/14); kazu2=Math.ceil((haji22-haji2)/14); kazu3=Math.ceil((haji33-haji3)/14); } else { kazu1=-Math.ceil((haji1-haji11)/14); kazu2=-Math.ceil((haji2-haji22)/14); kazu3=-Math.ceil((haji3-haji33)/14); } my_time=0; kazu=0; function fade_in() { if(((document.getElementById) && (!document.all)) || (document.all)) { if(kazu==0) { if((document.getElementById) && (!document.all)) document.getElementById("lay0").style.backgroundColor=start_color; else if(document.all) document.all("lay0").style.backgroundColor=start_color; } haji1+=kazu1; haji2+=kazu2; haji3+=kazu3; start_color=haji1.toString(16)+haji2.toString(16)+haji3.toString(16); if((document.getElementById) && (!document.all)) document.getElementById("lay0").style.backgroundColor="#"+start_color; else if(document.all) document.all("lay0").style.backgroundColor="#"+start_color; kazu++; clearTimeout(my_time); if(kazu < 12)my_time=setTimeout('fade_in()',times); else { if((document.getElementById) && (!document.all)) document.getElementById("lay0").style.backgroundColor="#"+end_color; else if(document.all) document.all("lay0").style.backgroundColor="#"+end_color; } } } //--> </script> </head> <body onLoad="fade_in();"> <table border="1" id="lay0" style="position:relative;visibility:visible;"> <tr> <td> WEST MiRaのトップページです。<br>全コンテンツに繋がっています。<br> </td> <td> JavaScriptのトップページです。<br>基礎講座とサンプル集があります。<br> </td> </tr> </table> </body></html>
