jQueryプラグインで彩る，ワンランク上のサイト制作
第4回 メニューを彩るプラグイン（1）
はじめに
第4回はサイト（ページ）には必ず用意されているメニュー，それに関するプラグインについて紹介していきます。
プラグインを使うことで，サイトを差別化するための機能的／デザイン的なメニューをシンプルなHTMLから簡単に作成することができます。
お薦めメニュー系プラグイン
メニューに関するjQueryプラグインもLightbox系のもの同様，様々なものが多数存在しています。今回も特徴的なもの3点をピックアップし，今回と次回，2回にわたり解説していきます。
- Kwicks
-
Kwicksはメニューの領域を，マウスオーバー／マウスアウトなどのイベントで収縮させるプラグインです。横方向のメニューだけでなく，縦方向のメニューにも利用することができ，収縮アニメーションのイージングや時間間隔も調整することができます（デモはこちらで確認できます）。
図1 Kwicks
- jQuery Multi Level CSS Menu
-
jQuery Multi Level CSS Menuは横方向のメニューを作るためのプラグインです。単に一列にメニューを並べるだけでなく，入れ子になったメニューもドリルダウンする形で表現することができます。
- jQuery plugin: Accordion
-
jQuery plugin: Accordionはメニューというよりむしろ，アコーディオンを実現するためのプラグインと言えます。ただ，アコーディオンは縦方向のメニューと考えることもできるので，ここで紹介することにしました。ちなみにこのプラグインはjQuery UIでも使われています（デモはこちらで確認できます）。
iret R&D team
iret社内の有志によるインフォーマルな技術者集団。社内の各スペシャリストで構成され，Flash制作からサーバ運用まで，インターネットに関する様々な案件に対し最前線で活躍する。その傍ら，講師業や執筆業なども行っている。
jQueryプラグインで彩る，ワンランク上のサイト制作
- 第5回 メニューを彩るプラグイン（2）
- 第4回 メニューを彩るプラグイン（1）
- 第3回 Lightbox風プラグインでダイアログ表示（2）
- 第2回 Lightbox風プラグインでダイアログ表示（1）
- 第1回 プラグインを見つけよう
![[改訂第3版] SQLポケットリファレンス](http://image.gihyo.co.jp/assets/images/cover/2009/thumb/TH40_9784774138350.jpg){kind=small}
![[改訂3版]図解でよくわかる ネットワークの重要用語解説](http://image.gihyo.co.jp/assets/images/cover/2009/thumb/TH40_9784774138213.jpg){kind=small}
