|
| 人気順サンプル トップ 100 |
|
ドロップダウンメニュー
このサンプルは、シンプルなドロップダウンメニューを表示します。トップメニューにマウスを移動するとサブメニューがドロップダウンメニューとして表示されます。
トップメニューに項目を追加したり、ドロップダウンメニューの項目を追加/削除するは<body>セクションを修正するだけで完了します。JavaScript/CSSの外部ファイルSは一切変更する必要がありません。
トップメニューは<li>タグ、ドロップダウンメニューは<div>タグで宣言します。
ドロップダウンメニューを可視、不可視に切り替えるには、CSSのvisibilityプロパティに「visible」、「hidden」を設定します。
elementObject.style.visibility='visible';
elementObject.style.visibility='hidden';
|
|