mapでロールオーバー

質問

以下のようにmapでロールオーバーをしようとしたのですが、機能しません。

<div align="center"><img src="images/main.png" alt="" usemap="#map1" border="0"　/></div>
<map name="map1">
<area href="taku.html" alt="" shape="rect" coords="766,0,996,69" onmouseover="this.src='images/mainleft1_on.png'" onmouseout="this.src='images/mainleft1.png'" src="images/mainleft1.png" alt="" border="0" />
<area href="taku2.html" alt="" shape="rect" coords="766,70,996,137" onmouseover="this.src='images/mainleft2_on.png'" onmouseout="this.src='images/mainleft2.png'" src="images/mainleft2.png" alt="" border="0"/></map>

全体の画像main.png の上にボタンmainleft1.png　mainleft2.png
がロールオーバーするようにしたいんですができないんでしょうか？

回答No.1

yyr446 · ベストアンサー

javascriptを使った例ですが
よく似た、質問を今日javascriptのカテゴリーで見ました。（別人ですよね）
クリッカブルマップをロールオーバーをしたい！
http://oshiete1.goo.ne.jp/qa5423784.html

お礼

yyr446さんありがとうございます。
>よく似た、質問を今日javascriptのカテゴリーで見ました。
いや、自分ではありません。先に質問していた人がいたんですね。
過去ログをみましたが、あまりしっくりこなかったので
質問しました。