6.曜日によって画像を変える
 
 曜日によって画像を変えるスクリプトです。メッセージや背景を変えるということにも応用できます。

 ★使い方
 以下のスクリプトを<BODY>〜</BODY>の間の好きなところに記述してください。

<SCRIPT language="JavaScript">
<!--
function ChangeImg(){
var date=new Date();
document.write( "<IMG SRC='ayu",date.getDay(),".jpg' ALIGN='LEFT' WIDTH='64' HEIGHT='64' BORDER='0'>" );
}
ChangeImg();
//-->
</SCRIPT>

 赤字の部分で出力する画像およびサイズを指定します。ここではayu0〜6.jpgを指定しています。曜日に応じて「",date.getDay(),"」の部分が数値に変わり、それによってそれぞれの画像が出力されます。(たとえば火曜日の場合火曜日は2なので「ayu2.jpg」が出力されます。)
 
出力される画像は以下の通りです。

日曜日
ayu0.jpg
月曜日
ayu1.jpg
火曜日
ayu2.jpg
水曜日
ayu3.jpg
木曜日
ayu4.jpg
金曜日
ayu5.jpg
土曜日
ayu6.jpg

実行結果






BACK