onMouseOverがうまくいきません

質問

JavaScriptで、プルダウンメニュー及びマウスで触れたときのメニューの画像変更を行っていますがうまくいきません。プルダウンはうまくいきますが、画像変更しないのです。

どうやらプルダウンメニューの表示・非表示に使っているonMouseOverとonMouseOutが、画像変更のそれらとダブっているためだと思うのですが…。Macでは動作するのですが、Winでは動作しないのです。

<div id="xx" class="yy" onMouseOver="show('xx');" onMouseOut="hide('xx');">
<a href="xx.html" onMouseOver='xxxx' onMouseOut='yyyy'><img src="photo.gif" name="aa"></a>
</div>

うまく両方機能させるいい方法はないでしょうか？

回答No.1

BLUEPIXY · ベストアンサー

当方WinXpPro+WinIE6ですが
以下のような記述でうまく動きました。
<script type="text/javascript">
<!--
function show(id){
document.getElementById(id).style.display="block";
}
function hide(id){
document.getElementById(id).style.display="none";
}
//-->
</script>
～
<div onMouseOver="show('xx');" onMouseOut="hide('xx');">
MENU<br>
<div id="xx" style="display:none">
<a href="xx.html" onMouseOver="document.getElementById('icon').src='00.jpg'" onMouseOut="document.getElementById('icon').src='gazou.gif'"><img id="icon" src="gazou.gif"></a>
</div>
</div>

お礼

回答ありがとうございます。
ただ今やっていますが、なかなかうまくいきません。
変更する画像がテーブルで組んで数個あるのですが、テーブルタグが邪魔しているのでしょうか？

回答No.2

BLUEPIXY

>ただ今やっていますが、なかなかうまくいきません。
>変更する画像がテーブルで組んで数個あるのですが、テーブルタグが邪魔しているのでしょうか？
Win＋IE?で動かないという意味ですよね？
どんなふうになっているか、補足でアップしていただけませんでしょうか？

お礼

やり直してみたところ、Mac、Winともうまく行くようになりました。DIVタグの使い方が違っていたようです。今回のことは大変参考になりました！ありがとうございました。