ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   

プルダウンメニューの子メニュー

日時: 2009/06/29 11:27
識別: IDK/j9r5AVtFw
名前: ポテ子

どうもこんにちは。
プルダウンメニューを作りたくてサンプルを探し、ようやく見つけたのですが分からないところがあったので質問させていただきます。

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
名前: 名無し
参照: http://ylm.me/

女ヤッて金もらえるの?(ノ゚Д゚)ノシ☆ http://ktjg.net/index.html
男性募集 ( No.3 )
日時: 2012/06/16 16:33
名前: 紀子
参照: http://sns.b8y.in/

(/∀\*)) http://b8y.in/

ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved