WEB制作関連

jQueryベースのグローバルナビゲーション20選

主に大規模サイトのグローバルナビゲーション向けのjQueryプラグインです。マウスオーバーやクリックでサブメニューを表示するものや第3階層以降への直接リンクが設置できるものなど使い勝手のいいものが揃っています。

Beautiful Slide Out Navigation


jq_navi_01.jpg

Search Box with Filter and Large Drop Down Menu


jq_navi_02.jpg

Cut & Paste jQuery Mega Menu


jq_navi_03.jpg

Sexy Drop Down Menu


jq_navi_04.jpg

Simple unlimited levels vertical drop down navigation menu


jq_navi_05.jpg

もっと見たい方はこちらからどうぞ

ちなみにグローバルナビゲーションにドロップダウンで下階層へのリンクを設置するかどうか悩むことも多いですよね。

一般的にリテラシーの高い人にはあった方が便利ですが、あまりPC操作に慣れない人は逆に混乱してしまう可能性もあると言われてます。

例えば同じような業態でも幅広いユーザーの訪れるNTT Docomoのサイトはサブナビではなくインデックスページを設けて対応していますが、ビジネスユーザーの多いイーモバイルのサイトでは下階層へのリンクが表示されていますね。

またナビゲーションの設計時には表示する個数も重要です。こちらは以下の記事で解説していますのでよかったらご覧ください。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    便利なアイコン配布サイト10+1

    アイコンを作成の際に利用する便利なサイトをまとめましたので紹介します。…

  2. WEB制作関連

    必ず重宝するシンプルなアイコンセット20選

    シンプルなピクトグラムや、各種ソーシャル、クレジットカードなどのどんな…

  3. WEB制作関連

    WEBサイト心理学|マジカルナンバー

    これはアメリカの心理学者ジョージ・ミラーが提唱した言葉で、普段の生活の…

  4. WEB制作関連

    固定配置したナビゲーションのWEBサイト21個

    ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナ…

  5. WEB制作関連

    話題の「about.me」でプロフィールページをつくってみた。

    最近、Twitterなどでも自己紹介ページとして利用している人が増えて…

  6. WEB制作関連

    必ず入れておきたいポピュラーなフリーフォント30選

    どこかで見たことのあるあのフォントを含め、何かと重宝しそうなフリーフォ…

  1. Design Items

    猫好きにはたまらない「NEKONO DIGITAL CAMERA」
  2. Design Items

    動物が印象的な24の広告ポスター
  3. 話題・トレンド

    思わずひきこまれそうな雨をテーマにした35の写真
  4. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個
  5. Design Items

    スタイリッシュな自転車用エアバッグ
PAGE TOP
Top