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>
No.1ベストアンサー
- 回答日時:
×になるのは、「画像が表示できない」からです。
アドレスが違う、スペルに間違いがある、画像をアップしてないなど「画像が表示されない」原因は色々ありますが、
function hideMenu(){
document.menu0.src="bana/prb.jpg";
document.menu1.src="";
document.menu2.src="";
document.menu3.src="";
}
単に、「指定されていない」からではないですか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- HTML・CSS FC2カートのテンプレートでの商品表示について 1 2023/03/02 18:05
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
pngやjsの後ろの英数字の意味は...
-
崩れたレイアウトが更新すると...
-
IEでのalt属性ポップアップ表示...
-
拡張子無しで画像を表示したいです
-
ボタンを押したままにする。
-
onmouseoverに複数の命令を書き...
-
「DecareステートメントにPtrSa...
-
CSSなどでHTML全体の表示を拡大...
-
WEBサイトの一部コンテンツがス...
-
form以外でのpostってできますか?
-
リンクの上にマウスカーソルを...
-
元々あるファビコンが消えない
-
すいません HTMLです この画像...
-
スマホで、画像をクリックする...
-
画像がテーブル内に収まらない
-
画像欄にバツ印が・・・
-
PDFの保存ボタンが表示されません
-
画像とその下にあるテキストの...
-
PNG画像を印刷すると背景がきち...
-
イラレで背景を透明にするやり...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報