エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
単純なドロップダウンメニューの実装 - jQuery 入門
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
単純なドロップダウンメニューの実装 - jQuery 入門
ここではカスタムでメニューを作ってみましょう。 様々なプラグインなどはあるのですが、単純なドロップ... ここではカスタムでメニューを作ってみましょう。 様々なプラグインなどはあるのですが、単純なドロップダウンくらいなら、ul、li で作ってしまうのも良いかもしれません。 jQuery の知識、というよりは単に CSS が9割です。 単純なドロップダウンメニューの作成 jQuery を利用、といっても大したことでは利用していません。 HTMLは次のようになってます。全体を dropdown_container という ID の Div 要素にしてます。 メニューの中身は dropdown というクラスの ul (順序なしリスト) です。li 項目がメニューになってます。その li は a タグと ul タグで構成されていて、 ul 部分がスライドダウンします。 <div id="dropdown_container"> <ul class="dropdown"> <li class='drop

