jQueryで簡単にプルダウンメニューを表示させる方法 – hover(), show(), hide()を使った解説｜DAD UNION – エンジニア同盟

この記事では、jQueryのhover()、show()、hide()を使って、簡単にプルダウンメニューを表示させる方法をご紹介します。 プルダウンメニューは、ユーザビリティを向上させ、ナビゲーションを簡単にするために非常に役立ちます。 CSSでの基本設定 まず、CSSを使ってプルダウンメニューのスタイルを設定します。※デフォルトでは#idMenu li ulを非表示にします。 以下のスタイルを使って、基本的なプルダウンメニューの見た目を整えます。 <style type="text/css"> <!-- ul{ list-style:none; } #idMenu li { position: relative; float: left; margin: 0; padding: 5px; width: 150px; height: 20px; border: solid 1px #ccc

[you1tech]

プルダウンメニューはサイト制作で良く使います。