壁紙素材2

●壁紙-2[時間帯で壁紙を変える]と[強制的に変える]の合作編

　 ★時間帯別にバックカラーを変える★

<BODY>～</BODY>JSソースA
<BODY> <script type="text/JavaScript"> <!--//時間でバック　カラーの変更 function bimage(t) { if (t>=5 && t<6) document.write("<BODY background='bg4.jpg'>");//5:00-5:59は朝日(bg4.jpg) if (t>=17 && t<18) document.write("<BODY background='bg4.jpg'>");//17:00-17:59 夕日(bg4.jpg) if (t>=18 && t<=24) document.write("<BODY background='bg6.jpg'>");//18:00-24:00 夜間(bg6.jpg) if (t<5) document.write("<BODY background='bg5.jpg'>");//0:01-4:59夜間(bg5.jpg) document.write("<BODY background='bg3.jpg'>");//6:00-16:59昼間(bg3.jpg) } //--> </SCRIPT> <SCRIPT language="JavaScript"> <!--// 時間チエック h=new Date(); bimage(h.getHours()); //--> </SCRIPT> 下記ソースＢ -------- ------ </BODY> </HTML>

<BODY>～</BODY>JSソースA

<BODY>
<script type="text/JavaScript">
<!--//時間でバック　カラーの変更
function bimage(t) {
 if (t>=5 && t<6) document.write("<BODY background='bg4.jpg'>");//5:00-5:59は朝日(bg4.jpg)
 if (t>=17 && t<18) document.write("<BODY background='bg4.jpg'>");//17:00-17:59 夕日(bg4.jpg)
 if (t>=18 && t<=24) document.write("<BODY background='bg6.jpg'>");//18:00-24:00 夜間(bg6.jpg)
 if (t<5) document.write("<BODY background='bg5.jpg'>");//0:01-4:59夜間(bg5.jpg)
document.write("<BODY background='bg3.jpg'>");//6:00-16:59昼間(bg3.jpg) 
}
//-->
</SCRIPT>
<SCRIPT language="JavaScript">
<!--// 時間チエック
h=new Date();
bimage(h.getHours());
//-->
</SCRIPT>
下記ソースＢ
--------
------

</BODY>
</HTML>

★バック画像★
画像に触れてみて下さい!!強制的にバックが変りますよ!

【bg3】
6:00-16:59
昼間

【bg4】
5:00-5:59朝日
17:00-17:59夕日

【bg6】
18:00-24:00
夜間イルミネーション
18:00-24:00夜間イルミネーション

【bg5】
0:01-4:59
夜間

<BODY>～</BODY>ソースB
<BODY> 上記JSソースA -------- ------ <table border="1" cellspacing="0" cellpadding="10"> <tr><td bgcolor="#ffffff" align=top>【bg3】<br> 6:00-16:59昼間<br><img src="bg3.jpg" alt="6:00-16:59昼間" width="10" height="700" border="0" onMouseOver="document.body.background='bg3.jpg'"></td> <td bgcolor="#ffffff">【bg4】<br> 5:00-5:59朝日<br>17:00-17:59夕日<br> <img src="bg4.jpg" alt="5:00-5:59朝日17:00-17:59夕日" width="10" height="700" border="0" onMouseOver="document.body.background='bg4.jpg'"></td> <td bgcolor="#ffffff" valign="top">【bg6】<br>18:00-24:00夜間イルミネーション<br> <img src="bg6.jpg" alt="18:00-24:00夜間イルミネーション" width="300" height="300" border="0" onMouseOver="document.body.background='bg6.jpg'"></td> <td bgcolor="#ffffff">【bg5】<br>0:01-4:59夜間<br> <img src="bg5.jpg" alt="0:01-4:59夜間" width="10" height="700" border="0" onMouseOver="document.body.background='bg5.jpg'"></td></tr></table> </BODY> </HTML>

<BODY>～</BODY>ソースB

<BODY>
 
上記JSソースA
--------
------
 
<table border="1" cellspacing="0" cellpadding="10">
 
<tr><td bgcolor="#ffffff" align=top>【bg3】<br> 
 
6:00-16:59昼間<br><img src="bg3.jpg" alt="6:00-16:59昼間" width="10" height="700" border="0"
 

onMouseOver="document.body.background='bg3.jpg'"></td>
 
<td bgcolor="#ffffff">【bg4】<br>
 
5:00-5:59朝日<br>17:00-17:59夕日<br>
 
<img src="bg4.jpg" alt="5:00-5:59朝日17:00-17:59夕日" width="10" height="700" border="0"
 
onMouseOver="document.body.background='bg4.jpg'"></td>
 
<td bgcolor="#ffffff" valign="top">【bg6】<br>18:00-24:00夜間イルミネーション<br>
 
<img src="bg6.jpg" alt="18:00-24:00夜間イルミネーション" width="300" height="300" border="0" 
 
onMouseOver="document.body.background='bg6.jpg'"></td>
 
<td bgcolor="#ffffff">【bg5】<br>0:01-4:59夜間<br>
 
<img src="bg5.jpg" alt="0:01-4:59夜間" width="10" height="700" border="0"
 
onMouseOver="document.body.background='bg5.jpg'"></td></tr></table>
 
</BODY>
 
</HTML>

●時間帯別バックへ戻す。

■PREV ■NEXT3[ 完成品]

http://mr-bug.ie-t.net/index.html