メニュー作成方法を教えて下さい。

質問

JavaScriptとHTMLを使ってＨＰを作成しています。onmouseoverとonmouseoutを利用して（トップメニューにマウスを置くとサブメニューが出るという）メニューを作りたいんですが、上手くいきません。

トップメニューにマウスを置くとサブメニューーは出ますが、トップメニューにマウスを置いてもいない時に、サブメニューの画像が×となって出ています。この×が表示されないようにするにはどうすればいいのかわかりません。

どうすればいいのでしょうか。
教えて下さいm(__)m

function showMenu(selfObj){
document.menu1.src="bana/albumb.jpg";
document.menu2.src="bana/mib.jpg";
document.menu3.src="bana/picb.jpg";
if(selfObj==0){
document.menu0.src="bana/prr.jpg";
}
if(selfObj==1){
document.menu1.src="bana/albumr.jpg";
}
if(selfObj==2){
document.menu2.src="bana/mir.jpg";
}
if(selfObj==3){
document.menu3.src="bana/picr.jpg";
}
}
function hideMenu(){
document.menu0.src="bana/prb.jpg";
document.menu1.src="";
document.menu2.src="";
document.menu3.src="";
}

<a href="4.html"
onMouseout="hideMenu();"
onMouseover="showMenu(0);"
class="navi0">
<img src="bana/prb.jpg" alt="自己紹介" name="menu0" id="menu0" border color="">
</a><br />

<a href="5.html"
onMouseout="hideMenu();"
onMouseover="showMenu(1);"
class="navi1">
<img src="" alt="アルバム" name="menu1" id="menu1" border color=""></a><br />

<a href="6.html"
onMouseout="hideMenu();"
onmouseover="showMenu(2);"
class="navi2">
<img src="" alt="ミッキー" name="menu2" id="menu2" border color="">
</a><br />

<a href="7.html"
onmouseout="hideMenu();"
onmouseover="showMenu(3);"
class="navi3">
<img src="" alt="写真" name="menu3" id="menu3" border color="">
</a>

回答No.1

goldfox · ベストアンサー

×になるのは、「画像が表示できない」からです。
アドレスが違う、スペルに間違いがある、画像をアップしてないなど「画像が表示されない」原因は色々ありますが、
function hideMenu(){
document.menu0.src="bana/prb.jpg";
document.menu1.src="";
document.menu2.src="";
document.menu3.src="";
}
単に、「指定されていない」からではないですか？

お礼

その空白を埋めると問題を解決することができました。
ありがとうございました。