jQuery Tabbed Interface / Tabbed Structure Menu Tutorial | Queness

アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル。
次のような美しいUIと共に、クリックするとアニメーションしながらメニューが切り替わるナビゲーションの作成チュートリアル。

デモページ


HTML,CSSの構成についても分かりやすく解説されています。


JavaScriptはjQueryを使って実装されているみたいです。
サイトのサイドメニューとして置くと、スペースが有効活用できるだけでなく、オシャレ感を出すことができそうです。

関連エントリ

• 滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ
• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• デザインの参考になるユニークなナビゲーション集
• jQueryをナイスにナビゲーションに活用したサイト集