WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:プルダウンメニュー(マウスオーバータイプ)

0:[投稿] けん [2005/03/10 09:29 ][環境:IE6 わかりません。]

Java Script 初心者のため、どなたか教えていただけると助かります。http:www.womenjapan 様のようなプルダウンメニューを作成したいのですが、ボタンにカーソルを合わせるとプルダウンで表示されるのですが、その画像分だけ他の文字も下がってしまいます。文字や画像の上に重なるように表示させたいのですが、参考になるページが見つかりません。また、現在カナダに在住のため書籍を買うことができないので、大変困っております。どなたかお分かりの方、どうぞご教授ください。


1:[回答] 敬 [MAIL] [URL] [2005/03/10 13:47 ]

上の説明では,けん氏がどこで躓いているのか判別が困難です。現在のソースを提示してみると,誰かが誤りを指摘してくれるかもしれません。


2:[回答] 2@ly [2005/03/10 17:33 ]

http:/www.womenjapan.com のことでしょうか。
ここのソースを流用したのであれば、質問の現象はJava Script ではなく、CSSの問題と思います。
positionとか、z-indexの使い方を検索してみてはいかがでしょう。
書籍を購入しなくとも、説明サイトはたくさんあります。


3:[お知らせ] けん [2005/03/11 00:57 ]

>敦さん
ご返答ありがとうございます。
ソースは以下のとおりになります。
<script language="JavaScript"><!--
vType = ["hidden","visible"];
function pdMenu(mName)
{
    Menu = document.all[mName].style;
    Menu.visibility = vType[Menu.visibility.indexOf("hidden") + 1];
}
// --></script>

   *
   *
   *
<img src="gourmet/image/title_off.gif" width="100" height="30" border="0" onMouseover="pdMenu('Menu1')"><br>
<div id="Menu1" style="visibility:hidden" onMouseout="pdMenu('Menu1')">
<a href="http://www.aaa.com/" ><img src="image/aaa.gif" border="0"></a><br>
<a href="http://www.aaa.co.jp/"><img src="image/bbb.gif" border="0"></a><br><br>
</div>

>2@lyさん
ご返答ありがとうございます。
それでは、positionとz-indexのサイトを探して、参考にしてみたいと思います。

皆々様、どうもありがとうございます。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World