Java-Script

　背景画を即時に変える 　　　　　

Sample

ソース

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
if (navigator.appName == "Microsoft Internet Explorer") {
  clear = new Image();  clear.src = "bk_img0.jpg";
  pict1 = new Image();  pict1.src = "bk_img1.jpg";
  pict2 = new Image();  pict2.src = "bk_img2.jpg";
  pict3 = new Image();  pict3.src = "bk_img3.jpg";
  pict4 = new Image();  pict4.src = "bk_img4.jpg";
}
function chg_img(_img) {
  if (navigator.appName == "Microsoft Internet Explorer") {
    document.body.background = eval(_img + ".src");
  }
}
//-->
</script>

</HEAD>
<BODY>
背景画にしたいイメージにマウスをのせてください。<br><br>
<body background="bk_img0" name=bg>
<a href="#" onMouseOver="chg_img('pict1');" onMouseOut="chg_img('clear');"><img src="bk_img1.jpg"></a>
<a href="#" onMouseOver="chg_img('pict2');" onMouseOut="chg_img('clear');"><img src="bk_img2.jpg"></a>
<a href="#" onMouseOver="chg_img('pict3');" onMouseOut="chg_img('clear');"><img src="bk_img3.jpg"></a>
<a href="#" onMouseOver="chg_img('pict4');" onMouseOut="chg_img('clear');"><img src="bk_img4.jpg"></a>
<br><br>
<FORM>
<INPUT TYPE=button VALUE="ウインドウを閉じる" onClick=window.close()>
</FORM>
<br><br>
</body>
</HTML>

ワンポイント解説

function chg_img()　で、背景画を交換しています。