恵比寿のWebサイト制作・Webデザインチームのブログ。Webデザインやコーディング、SEO対策まで幅広く手掛けています。 今回はjQueryを使ってコピペで作成できる ドロップダウンメニューをご紹介します。 今回作成するドロップダウンメニューのデモがこちら DEMO 早速作成していきましょう! jQueryを読み込ませる。 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> これをHTMLのbodyの閉じタグの前に入れましょう。 HTMLで形を作る。 <ul class="dropdwn"> <li>HOME</li> <li>A <ul class="dropdwn_menu"> <li><a href="#">A1</a></li> <li><a href=
![jQueryで簡単ドロップダウンメニュー](https://cdn-ak-scissors.b.st-hatena.com/image/square/01456d8412909ad3655b0dd6129a4db0bf0d34d7/height=288;version=1;width=512/https%3A%2F%2Ftech-dig.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F05%2Fthum2_3.jpg)