こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

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

JavaScriptとHTMLを使ってHPを作成しています。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>

投稿日時 - 2007-09-13 22:46:11

QNo.3342759

すぐに回答ほしいです

質問者が選んだベストアンサー

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

投稿日時 - 2007-09-14 02:59:39

お礼

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

投稿日時 - 2007-09-14 13:20:27

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問