背景画像を画像クリックで変更します。

背景画像を画像クリックで変更します。

※下記をクリックすると背景画像が変わります。


■<head>〜</head>内に下記を貼り付けてください。
<script language="Javascript">
<!--
function bk(img) {document.body.background=img;}
//-->
</script>
■<body>〜</body>内に下記を貼り付けてください。
<table border="0" width="150" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#" onclick='bk("img/bk_1.gif");return false'><img src="img/bk_1.gif" border="0" width="50" height="50"></a></td>
<td><a href="#" onclick='bk("img/bk_2.gif");return false'><img src="img/bk_2.gif" border="0" width="50" height="50"></a></td>
<td><a href="#" onclick='bk("img/bk_3.gif");return false'><img src="img/bk_3.gif" border="0" width="50" height="50"></a></td>
</tr>
</table>
【POINT】JavaScriptを使う場合、目的のブラウザで動作するかを必ず確かめてから使用して下さい。確認方法は「IEテスター」というフリーソフトを使用すると、IE5.5/IE6/IE7/IE8の動作を同時に確認することができます。また需要が多いブラウザ(FireFox/Opera/Sleipnir/Lunascape/KIKI etc)での動作確認も忘れずに行って下さい。