2009年11月23日

jQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」

様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」です。

タブメニューからツリー表示、などなどなかなかHTML+CSSだけではできないアニメーションや仕組みを使ったナビゲーションのテクニックが紹介あれています。今日はその中から幾つ描きになったものを紹介したいと思います。

詳しくは以下

■15 Excellent jQuery Navigation Techniques and Solutions – Demo
シンプルなタブナビゲーションを実現するJQueryプラグイン。サイドバーなどにも使えそうですね。

jquery_navigation_1
　
　
　
　
　
■jQuery File Tree – demo
ファイルツリーを実現するjQuery。出現のアニメーションなど細かい点も制御可能です。

jquery_navigation_5
　
　
　
　
■jQuery Context Menu Plugin
右クリックで出現するメニューを実装することができます。ON/OFFもブラウザ上から簡単に設定することができます。

jquery_navigation_6
　
　
上記の他にも定番のものから、あまり見かけないものまで、様々なjQueryプラグインが紹介されています。ナビゲーションでかなりサイトの使い勝手、ユーザーの印象がガラリと変わるかと思います。ナビゲーションに迷われている方は是非どうぞ。

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

posted 02:26 |

Category: WebDesign