カーソルをもってくると、
別のところにメッセージ（画像）があらわれます。
もどる<HEAD>
<script language = "JavaScript">
<!-----
var img1on = new Image();
img1on.src = "aka2.gif";
var img2on = new Image();
img2on.src = "ao2.gif";
var img3on = new Image();
img3on.src = "midori2.gif";
var img1off = new Image();
img1off.src = "aka1.gif";
var img2off = new Image();
img2off.src = "ao1.gif";
var img3off = new Image();
img3off.src = "midori1.gif";
var img1home = new Image();
img1home.src = "message1.gif";
var img2home = new Image();
img2home.src = "message2.gif";
var img3home = new Image();
img3home.src = "message3.gif";
function imgAct(imgName) {
document[imgName].src = eval(imgName + "on.src");
document["imghome"].src = eval(imgName + "home.src");
}
function imgInact(imgName) {
document[imgName].src = eval(imgName + "off.src");
document["imghome"].src = "null.gif";
}
// -->
</script>
</HEAD>
<BODY>
<IMG NAME="imghome" SRC="null.gif" WIDTH="**" HEIGHT="**" BORDER="0"><BR>
<IMG SRC="line.gif" WIDTH="**" HEIGHT="**" BORDER="0"><BR>
<A HREF="**.html" onMouseOver = "imgAct('img1'); return true;" onMouseOut = "imgInact('img1')"><IMG NAME="img1" SRC="aka1.gif" BORDER="0" WIDTH="**" HEIGHT="**"></A><BR>
<A HREF="**.html" onMouseOver = "imgAct('img2'); return true;" onMouseOut = "imgInact('img2')"><IMG NAME="img2" SRC="ao1.gif" BORDER="0" WIDTH="**" HEIGHT="**"></A><BR>
<A HREF="**.html" onMouseOver = "imgAct('img3'); return true;" onMouseOut = "imgInact('img3')"><IMG NAME="img3" SRC="midori1.gif" BORDER="0" WIDTH="**" HEIGHT="**"></A><BR>
</BODY>