【シーサイド】
【川のほとり】
【橋のある風景】
リンクにポインタを合わせると、画像が切り変わります。
<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> |