イメージマップのhoverで困っています。 以下のようなJavaとHTMLで実装しているのですが、メニューhoge2 は問題なくhoverできるのですが、 イメージマップを使ったメニューhoge1がうまくいきません。 IEだとhoverするのですが、chromeではhoverしません。 【Javaスクリプト】 <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> 【HTML】 <ul> <!-- メニュー hoge1 --> <li><img src="hoge.jpg" border="0" alt="hoge1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu1','','hoge_hover.jpg',1)" name="menu1" usemap="#prdlink" /> <map name="prdlink"> <area shape="rect" coords="20,40,75,80" href="./product/hoge1.html" alt="hoge1" /> <area shape="rect" coords="80,40,134,80" href="./product/hoge2.html" alt="hoge2" /> </map> </li> <!-- メニュー hoge2 --> <li><a href="top.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('menu2','','top_hover.jpg',1)"> <img src="top_off.jpg" alt="top" name="menu2" /></a> </li> </ul> なにぶん、前任者のソースを見よう見まねで修正しており、知識もないためご教示いただければと思っております。
↧