jQueryプラグインで彩る,ワンランク上のサイト制作

第4回 メニューを彩るプラグイン(1)

この記事を読むのに必要な時間:およそ 3 分

はじめに

第4回はサイト(ページ)には必ず用意されているメニュー,それに関するプラグインについて紹介していきます。

プラグインを使うことで,サイトを差別化するための機能的/デザイン的なメニューをシンプルなHTMLから簡単に作成することができます。

お薦めメニュー系プラグイン

メニューに関するjQueryプラグインもLightbox系のもの同様,様々なものが多数存在しています。今回も特徴的なもの3点をピックアップし,今回と次回,2回にわたり解説していきます。

Kwicks

Kwicksはメニューの領域を,マウスオーバー/マウスアウトなどのイベントで収縮させるプラグインです。横方向のメニューだけでなく,縦方向のメニューにも利用することができ,収縮アニメーションのイージングや時間間隔も調整することができます(デモはこちらで確認できます)。

図1 Kwicks

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制作からサーバ運用まで,インターネットに関する様々な案件に対し最前線で活躍する。その傍ら,講師業や執筆業なども行っている。

URL:http://www.iret.co.jp/

コメント

コメントの記入