ひとつの画像の選択場所によって動作を変える(イメージマップ)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML><head>
<META http-equiv="Content-Script-Type" content="text/javascript">
<TITLE></TITLE>
<SCRIPT type="text/javascript">

</SCRIPT>
</HEAD><BODY>
ひとつの画像の選択場所によって動作を変える(イメージマップ)
<P>
<MAP name="ARIA1">
<AREA name="aria1" shape=rect coords=91,8,207,119 href="JavaScript:BdColor('crimson')"
onMouseOver="document.Fmess.fmess.value = '背景を赤にします'"
onMouseOut="MessCr()">
<AREA name="aria2" shape=circle coords=148,176,60 href="JavaScript:BdColor('aqua')"
onMouseOver="document.Fmess.fmess.value = '背景を水色にします'"
onMouseOut="MessCr()" >
<AREA name="aria3" shape=poly coords=148,230,85,288,215,287 href="JavaScript:BdColor('maroon')"
onMouseOver="document.Fmess.fmess.value = '背景を茶色にします'"
onMouseOut="MessCr()">
<AREA name="aria4" shape=rect coords=0,0,300,300 href="JavaScript:Mis()"
onMouseOver="MessCr()">
</MAP>
<IMG src="js_sample_images/08_ImageMap.jpg" usemap="#ARIA1" border=0 width="300" height="300" alt="ARIATEST">
</P>
<P>
<FORM name="Fmess">
<INPUT type="text" name="fmess" size=20>
</FORM>
</P>
</BODY></HTML>