マウスオーバーの合体
マウスオーバーのプルダウンメニューと
マウスオーバー画像変更スクリプトを組み合わせることは可能なのでしょうか？
イメージとしては所期画面に画像Ａがあり、マウスを載せると画像Ａが画像Ｂになり、
更に画像Ｂの下にプルダウンメニューが表示されるイメージです。
尚、現在は以下の組み合わせがうまくいかない為（不可能？）
個々にスクリプトを記載しておきます。
↓↓↓↓↓↓マウスオーバーのプルダウンメニュー↓↓↓↓↓↓
<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'">
↑↑↑↑↑↑マウスオーバー画像変更スクリプト↑↑↑↑↑↑
お礼
ありがとうございます。 試してみたところ、出来ました。