---

記事参照

---

No.1 2009/06/30 22:14
題：Re: プルダウンメニューの子メニュー
名：８１４２

ポテ子（質問者）さんの意図しているであろうコードを適当に作成してみました。
<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/
ちなみにこのウェブページですが、内容がいろいろと微妙なのであまり参考にしないほうが好いです。

---

掲示板に戻る