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制作関連

    美しいスライドショーが印象的な40個のWEBサイト

    WEBサイトを作る人なら一度は使ったことのあると思うスライドショーです…

  2. WEB制作関連

    X’MASにぴったりなPhotoshopのレイヤースタイル

    クリスマスにぴったりなゴールドがお洒落なPhotoshopのレイヤース…

  3. WEB制作関連

    美しいナビゲーションが素敵なWebサイト25個

    ユーザビリティとあわせてそのサイトの印象にも大きく影響を与えるナビゲー…

  4. WEB制作関連

    ここまでできる!HTML5できたゲームまとめ

    HTML5のアプリとしての拡張をフルに活用してつくられたゲームのまとめ…

  5. WEB制作関連

    やっぱり美しい!ブライダル系のWEBサイトまとめ

    素材の綺麗なサイトのデザインはやっぱり見ているだけで楽しいですが、美し…

  6. WEB制作関連

    やっぱりカッコいい。デザイン事務所のWEBサイト30個

    「紺屋の白袴」という言葉もありますが、デザインを提案するならまずは自ら…

  1. WEB制作関連

    様々なカレンダーを実装するjQueryプラグイン25選
  2. WEB制作関連

    やっぱりカッコいい。デザイン事務所のWEBサイト30個
  3. WEBマーケティング

    ブログをネタ切れさせない為のたったひとつのルールとは
  4. 話題・トレンド

    思わず2度見してしまうガレージいろいろ
  5. 話題・トレンド

    クリエイティブ?な公衆トイレのマーク
PAGE TOP
Top