8 Sites with Excellent jQuery Navigation | Build Internet!

jQueryをナイスにナビゲーションに活用したサイト集。
jQueryを巧みに活用して、JavaScript で本当に出来ているの？と思ってしまうほどのサイト集です。jQueryをうまく使う際の参考にできそう。

Carrot Creative

一見、普通のHTMLサイトですが、ヘッダーのメニューをクリックすると・・・
色々なところが凝っていて参考になる上、動きが楽しい。

Aviary

角丸ドロップダウンメニューがカッコいい。アニメーションなどの仕掛けも。

WP Coder

一部画面遷移を同一画面内ポップアップ表示

Matt Dempsey

内容がスライドのようにダイナミックに切り替わる

Bright Creative

画面内をクールにスライドさせるＵＩ

全部見る

フルスクラッチでこれだけのインタフェースを作るのは大変ですが、jQueryの力によって比較的簡単に作れているようです。
こういう秀逸なサイトのソースコードが一番の教科書になりそう。

関連エントリ

• 便利なjQueryプラグインいろいろ
• サイトにマウスジェスチャー機能を追加する「jQuery-gestures」
• jQueryよりも便利？mooToolsの便利プラグイン集
• jQueryでAjaxファイルアップロードするためのライブラリ