TOP  >  WebDesign  >  jQueryを使ったナビゲーション25選「25 jQuery Plugins for Navigation」
2009年02月25日

jQueryを使ったナビゲーション25選「25 jQuery Plugins for Navigation」

コンパクトで高機能なAjaxライブラリの1つjQuery。jQueryを使って様々な機能が開発されていますが、今日紹介するのはそのなかでもjQueryを使ったナビゲーションを集めたまとめエントリー「25 jQuery Plugins for Navigation」です。

jqnavi01
25 jQuery

アコーディオンからドロップダウン、タブメニュー、ドックなど様々な動きを実現したナビゲーションが全部で25個公開されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

jQuery (mb)Menu
グラフィカルなドロップダウンメニュー。アイコンも付けられるようになって入るみたいです。

jqnavi02
 
 
 
 
jQuery ListNav
情報が沢山あるコンテンツには便利なリストナビゲーション。

jqnavi03
 
 
 
 
Slide Subnav
スライドしながら切り替わるサブナビゲーションバー

jqnavi04
 
 
 
 
Treeview
定番のツリー型のインターフェイスを再現。かなり分かりやすそうです。

jqnavi05
 
 
上記の他にも全部で25種類のナビゲーションが紹介されています。様々な動作を簡単に実装できるが良いですね。海外のサイトなので、ドキュメントも配布元も英語ですが、ソースコードやサンプルなども開示されておりますので、英語が苦手の方でも問題なく実装できるかと思います。

サイトにおいてナビゲーションはかなり重要な物になるため、サイトのコンテンツに適したナビゲーションを組み込みたいですね。

25 jQuery Plugins for Navigation

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればこちらからご連絡ください。即刻削除いたします。
posted 04:31  |  
Category: WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る