2013年5月15日(水) 11時23分25秒 [仕事]

ドロップダウンメニューを作るJavaScriptはjQueryを使うと短くて済む

ウェブサイトのメニューバーに、ドロップダウンメニュー機能を加える方法の解説記事を、All Aboutで公開しました。横向きのメニューバー上に配置されたメインメニュー項目の上にマウスを載せると、自動的に縦方向にサブメニューが開く「ドロップダウンメニュー」を作る方法です。

■『簡単なドロップダウンメニューの作り方(jQuery活用編)』（＠All About ホームページ作成）

リスト形式のHTMLを、メニューらしく見えるようCSSで装飾して、JavaScriptで表示を制御する方法です。メニューの開閉を制御するJavaScript部分には、「jQuery」を活用しているので、記述量がものすごく短くなっています。むしろ、記述量で最も長いのはCSSの方です。
便利ですねえ、jQuery……。(^_^;;;

簡単に作れますので、ぜひ、試してみて下さい。