window
トップページ > 記事閲覧
*プルダウンメニューの子メニュー
日時: 2009/06/29 11:27
識別: ID:yoxBMV9ilnL/
名前: ポテ子
どうもこんにちは。
プルダウンメニューを作りたくてサンプルを探し、ようやく見つけたのですが分からないところがあったので質問させていただきます。

ttp://computer.cool-rock.com/java/window03/

縦型です。
オンマウスで子メニューを開きそのままになるのですが、下記の方に「消せる方法」と書いてありましたので、そのタグを子メニューのところにコピペしてみましたが、どうも消えてくれません。
<div id="menu0" style="position:absolute;top:200px;left:290px;visibility:hidden" onmouseover="clearTimeout(submenuTimer);">
<table width="80" cellpadding="5" border=1>
<tr><td>
<A href="#">Menu10-1</A><br>
<A href="#">Menu10-2</A><br>
<A href="#">Menu10-3</A>
</td></tr></table></div>

↑こちらが子メニュー部分のタグです。
どうしたら良いのか詰まってしまいましたので、教えて頂けたら嬉しいです。

ちなみにですが、ホームページビルダーをつかっていまして・・・
このタグですと「どこでも配置」のような感じになっているのですが「通常」には出来ないのでしょうか?

上手くない説明ですが、理解していただけたら嬉しいです。

宜しくお願いします。
メンテ

Re: プルダウンメニューの子メニュー ( No.1 )
日時: 2009/06/30 22:14
名前: 8142

ポテ子(質問者)さんの意図しているであろうコードを適当に作成してみました。

<script type="text/javascript"><!--
function mnLst(hyouji){ document.getElementById("kondate").style.display = hyouji; }
// --></script>

<style type="text/css"><!--
p {
background-color:#bfefdf;
width:100px;
text-align:center;
}
span { display:none; }
--></style>

<p onMouseOver="mnLst('block')" onMouseOut="mnLst('none')">
<a href="#">メニュー</a><br>
<span id="kondate">
<a href="#">リスト1</a><br>
<a href="#">リスト2</a><br>
<a href="#">リスト3</a><br>
<a href="#">リスト4</a><br>
<a href="#">リスト5</a><br>
<a href="#">リスト6</a><br>
<a href="#">リスト7</a>
</span>
</p>

※ただし、複数のメニューを設ける場合、このままではあまり好ましくありません。(id 属性やイベントハンドラをいちいち指定しなくてはならないから)


>「どこでも配置」のような感じになっているのですが「通常」には出来ないのでしょうか
CSS の position プロパティの指定が absolute になっているからです。


> computer.cool-rock.com/java/window03/
ちなみにこのウェブページですが、内容がいろいろと微妙なのであまり参考にしないほうが好いです。
メンテ
- ( No.2 )
日時: 2011/12/10 15:38
名前: pl517.nas821.p-osaka.nttpc.ne.jp

#SPAM

メンテ
- ( No.3 )
日時: 2012/06/16 16:33
名前: 7c294cd1.i-revonet.jp

#SPAM

メンテ

 返信フォーム (上記スレッドに返信する場合は以下のフォームから投稿します)
題名 ※必須 スレッドをトップへソート
名前
E-Mail
URL
パスワード 記事メンテ時に使用します (メンテは該当記事のメンテアイコンをクリック)
返信内容
※必須
エラーメッセージや内容などは省略せず詳細にご記入下さい
状態の設定

・問題が解決したら 解決 を選択して投稿して下さい HELP(新しいウィンドウが開きます)
・既存記事の状態設定はメンテ(メンテアイコン)から修正する事ができます。


投稿内容をご確認下さい(記事の削除は出来ません)

   クッキー保存