はじめに
第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でも使われています(デモはこちらで確認できます)。




