画像をクリックするとその画像が背景になる

↓をクリックするとそれぞれの画像が背景になります。



サンプル
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT language=JavaScript>
<!--
function bgChange(back_img){
document.body.background=back_img;
}
//-->
</SCRIPT>
</HEAD>
<BODY >
<CENTER></CENTER>
<TABLE>
<TBODY>
<TR>
<TD><A onclick="javascript:bgChange('.../banner/kaizo1.gif');return false" href="../banner/kaizo1.gif">
<IMG height="31" src="../banner/kaizo1.gif" width="88" border="0"></A>
</TD>
<TD>
<A onclick="javascript:bgChange('../banner/ani-1.gif');return false" href="../banner/ani-1.gif">
<IMG height="31" src="../banner/ani-1.gif" width="88" border="0"></A>
</TD>
<TD><A onclick="javascript:bgChange('../banner/kaizo5.gif');return false" href="../banner/kaizo5.gif">
<IMG height="31" src="../banner/kaizo5.gif" width="88" border="0"></A>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
「../banner/kaizo1.gif」それぞれ一つの画像に3カ所同じ画像までのパスを入れなくては
なりません。
絶対パスでも相対パスでもどちらでもいいです。
17行目、２１行目、25行目にある「href="URL"」は別に削除してもいいのですが
削除してしまうと、画像にマウスポインターがのったときに
ポインターが変化しないため一応つけてみました。
「"URL"」の代わりに「"#"」でも問題ないと思います。


画像を作成してくれる方（無料）がいれば連絡を下さい。
ちかちかして見えにくいでしょ？

コピーペーストしてこちらですぐにテストできます。

ソースを利用したら、ホームページ改造王へリンクのして頂ければ嬉です。
バナーはこちらにあります。

このサイトへいきなり来られた方は、こちらがトップページです。