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

締切り済みの質問

マウスオーバーの合体

マウスオーバーのプルダウンメニューと
マウスオーバー画像変更スクリプトを組み合わせることは可能なのでしょうか?

イメージとしては所期画面に画像Aがあり、マウスを載せると画像Aが画像Bになり、
更に画像Bの下にプルダウンメニューが表示されるイメージです。


尚、現在は以下の組み合わせがうまくいかない為(不可能?)
個々にスクリプトを記載しておきます。


↓↓↓↓↓↓マウスオーバーのプルダウンメニュー↓↓↓↓↓↓
<html>
<head>
<script language="JavaScript"><!--
vType = ["hidden","visible"];
function pdMenu(mName)
{
Menu = document.all[mName].style;
Menu.visibility = vType[Menu.visibility.indexOf("hidden") + 1];
}
// --></script>
</head>

<body>
<img src="main.png" onMouseover="pdMenu('Menu')"><br>
<div id="Menu" style="visibility:hidden" onMouseout="pdMenu('Menu')">
<a href="http://www.yahoo.co.jp/" ><img src="sub01.png" border="0"></a><br>
<a href="http://www.google.co.jp/"><img src="sub02.png" border="0"></a><br>
</div>
</body>
</html>
↑↑↑↑↑↑マウスオーバーのプルダウンメニュー↑↑↑↑↑↑


↓↓↓↓↓↓マウスオーバー画像変更スクリプト↓↓↓↓↓↓
<img border="0" src="main.png" onmouseover="this.src='main2.png'" onmouseout="this.src='main.png'">
↑↑↑↑↑↑マウスオーバー画像変更スクリプト↑↑↑↑↑↑

マルチメディアファイルは削除されたか見つかりません。

投稿日時 - 2009-10-19 08:55:42

QNo.5378657

すぐに回答ほしいです

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

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

回答(1)

ANo.1

変更された画像Bを画像Aに戻すタイミングは
どうされるつもりですか。変えっぱなしでもよいのですか?

投稿日時 - 2009-10-19 10:12:02

補足

回答ありがとうございます。
戻すタイミングはマウスアウトです。

イメージとしては加工を加えていない画像(画像A)に
マウスを載せた時だけ加工を加えた画像(画像B)になり、
通常はあくまで画像Aを表示させるイメージです。

投稿日時 - 2009-10-19 10:48:46

あなたにオススメの質問