■　背景画像の変更　 ■
　＜クリックで背景画像が変更が出来ます＞

見本画像




......................................................................

↓のタグソースを
<head>〜</head> 間に書き込んでください。

<SCRIPT LANGUAGE="JavaScript"> <!-- if (navigator.appName == "Microsoft Internet Explorer") { pict1 = new Image(); pict1.src = "http://...gif"; pict2 = new Image(); pict2.src = "http://...gif"; pict3 = new Image(); pict3.src = "http://...gif"; pict4 = new Image(); pict4.src = "http://...gif"; } function chg_img(_img) { if (navigator.appName == "Microsoft Internet Explorer") { document.body.background = eval(_img + ".src"); } } //--> </script>



↓のタグソースを
<body>〜</body> 間に書き込んでください。

<a href="#" onMousedown="chg_img('pict1');" onMouseOut="chg_img('clear');"> <img src="http://...gif" border="0" width="50" height="50"></a> <a href="#" onMousedown="chg_img('pict2');" onMouseOut="chg_img('clear');"> <img src="http://...gif" border="0" width="50" height="50"></a> <a href="#" onMousedown="chg_img('pict3');" onMouseOut="chg_img('clear');"> <img src="http://...gif" border="0" width="50" height="50"></a> <a href="#" onMousedown="chg_img('pict4');" onMouseOut="chg_img('clear');"> <img src="http://...gif" border="0" width="50" height="50"></a>



●　赤表示の番号の画像アドレスは、必ず同じにしてください。

<head>〜</head>の間の
pict1 = new Image(); pict1.src = "http://...gif";

<body>〜</body>の間の
<a href="#" onMousedown="chg_img('pict1');" onMouseOut="chg_img('clear');"> <img src="http://...gif" border="0" width="50" height="50"></a>

のタグソースを増やすことで、画像見本は幾つでも作れます。
この見本では、（１）〜（４）まで作っていますので
増やすときは、数字を（５）〜にしてくださいね。

■　素材は、下記サイト様からお借りしました　■
(直リンクはしないでくださいね)
ふわふわ。り







SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送