TOP  >  WebDesign  >  jQueryで実現するナビゲーション11選「11 Useful jQuery Tab Navigation Solutions」
2010年10月03日

jQueryで実現するナビゲーション11選「11 Useful jQuery Tab Navigation Solutions」

静的なWEBページにクリエイティブな動きや仕組みを実装してくれるjQuery。その機能性と手軽さで世界的に使われているライブラリですが、今日はそのjQueryを使ったナビゲーションを集めたエントリー「11 Useful jQuery Tab Navigation Solutions」を紹介したいと思います。


11 Useful jQuery Tab Navigation Solutions

タブメニューからフューチャーリスト、スライダーを上手く使ったメールフォーム等、様々なクリエイティブなナビゲーションが紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

Feature List
Javascriptで作るフューチャーリスト。リストが見える分スライダーよりもコンテンツが明快です。


 
 
 
 
 
Fancy Sliding Form with jQuery
フォームの項目毎にスライドするコンタクトフォーム。入力する項目毎にわけられているので分かりやすい。


 
 
 
 
 
Create a Slick Tabbed Content Area using CSS & jQuery
よく見かけるタブインターフェース。タブの切替時にアニメーションが設定されており動きのあるインターフェースを作れます。


 
 
上記の他にも様々なインターフェイスが公開されています。jQueryを利用していますので実装自体も普段からWEBに触れているのであれば問題なく組み込みができると思います。現状のWEBのインターフェースを少し改善したいという方は是非どうぞ。

11 Useful jQuery Tab Navigation Solutions

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る