テーブルを利用してメニューを表示する |
Internet Explorer | Netscape Navigator | ||||||
---|---|---|---|---|---|---|---|
4.0x | 4.5 | 5.0x | 5.5 | 6.0 | 4.x | 6.0 | |
Windows | × | - | ○ | ○ | ○ | × | × |
Macintosh | ○ | ○ | ○ | - | - | × | × |
UNIX | - | - | - | - | - | × | × |
解 説 | テーブルタグのthead、tbodyを利用すると簡単に折りたたみメニューができます。theadタグでメニュー名を囲んでおき、表示されるメニュー項目一覧はtbodyタグで囲みます。tbodyタグはblockタグなのでスタイルシートのdisplayプロパティを使い表示、非表示を行います。 このメニューはクリックするごとに表示/非表示を切り替えるタイプです。 | ||||
---|---|---|---|---|---|
コード |
|
||||
■サンプルスクリプトを実行する >>実行 ■各ブラウザでの動作結果を見る >>View! |