シーサイド
川のほとり
橋のある風景
リンクにポインタを合わせると、画像が切り変わります。


<HTML>
<HEAD>
<TITLE>Change image on mouseover</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
if(navigator.appVersion.charAt(0)>=3){
  movimg=new Array()
  movimg[0] = new Image();movimg[0].src='image/seaside.jpg';	
  movimg[1] = new Image();movimg[1].src='image/rivertown.jpg';	
  movimg[2] = new Image();movimg[2].src='image/bridge.jpg';

  function changImg(status){
    document.images["Img"].src=movimg[status].src;
  }
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<IMG SRC="image/seaside.jpg" NAME="Img" WIDTH="432" HEIGHT="288" ALIGN="left"><BR>
【<A HREF="javascript:function voi(){};voi()" onMouseOver="changImg(0)">シーサイド</A>】<BR>
【<A HREF="javascript:function voi(){};voi()" onMouseOver="changImg(1)">川のほとり</A>】<BR>
【<A HREF="javascript:function voi(){};voi()" onMouseOver="changImg(2)">橋のある風景</A>】<BR CLEAR="all">
</BODY>
</HTML>

BACK