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 |
|
|
|
|
|
|
|
実行結果