項目にマウスを乗せると一覧が出てくる様にするには?

[新着] Webテンプレートを仮オープンしました



0   名前: とらりろトロロ : 2006/04/10 16:02
TOPページによくある、項目の画像などにマウスを乗せると、一覧が下に向けて、ズラッと出てくるやつありますよね?
それを、JavaScriptを使わずに、CSSで実現可能ですか?

1   名前: 匿名希望 : 2006/04/10 16:02
TOPページによくあるかどうかは知りませんが、IEを無視すればCSSで実現可能です。

2   名前: とらりろトロロ : 2006/04/10 16:02
証明できる人は居られますか?

3   名前: 通りすがり : 2006/04/10 16:02
まずは「ツリーメニュー」で探してみては?

4   名前: 匿名希望 : 2006/04/10 16:02
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>スタイルシートでツリーメニュー</title>
<style type="text/css"><!--
div ul{display:none;}
div:hover ul{display:block;}
--></style>
</head>
<body>
<h1>スタイルシートでツリーメニュー</h1>
<div>
<h2>ここにマウスを乗っけると…</h2>
<ul>
<li>ツリーメニューが出てくる</li>
<li>IEでは正常に表示されません</li>
</ul>
</div>
</body>
</html>

※以下追記
Pidさん、補足ありがとうございます。
>>1も僕です。というかどちらも匿名希望でわかりづらかったですね、すいません(;´Д`)

5   名前: Pid : 2006/04/10 16:02
ついでに
li > ul { display: none; }
li:hover > ul { display: block; }
なら多階層になりますね。


>>2
証明を求めるなら,まず >>1 さん(>>4 さん?)にきちんと尋ねるべきでしょう (^^;)。

一覧へ戻る