TOP  >  WebDesign  >  ソース付タブメニューインターフェイスのまとめ「30+ Animated Tab-Based Interface and Accordion Scripts」
2008年10月16日

ソース付タブメニューインターフェイスのまとめ「30+ Animated Tab-Based Interface and Accordion Scripts」

様々なWEBサイトがあり、さまざまなインターフェイスが設計されていますが、今日紹介するのは数あるインターフェイスの中でもスタンダードなタブメニューとアコーディオンについてのインターフェイスのソース集「30+ Animated Tab-Based Interface and Accordion Scripts」です。


Scrolling Tabs

全部で30個以上のインターフェイスが公開されていて、すべてソースやサンプル付で公開されていますので、自分のWEBサイトに組み込むことも可能です。今日は紹介されている物の中からいくつか気になったインターフェイスを紹介したいと思います。

詳しくは以下



Ajax Drop down Tab Menu…


download | Preview | Source

Ajaxを使った上から刷り出てくるタイプのタブメニュー。シンプルかつ分かりやすいです。

 
 
 
 
jQuer Tab Skin

download | Preview | Source

JQueryを使ったタブメニュー。シンプルですが、コンテンツ表示されるときにフェードで現れます。

 
 
 
 
Coda Slider

download | Preview | Source

タブ内のコンテンツがスライドして切り替わるタイプのタブメニュー。

 
 
 
 
Tab Accordian

download | Preview | Source

タブ内のコンテンツがアコーディオンのように覆い被さって切り替わるアコーディオンタブメニュー

 
 
上記のようなタブメニューが多数公開されています。海外のサイトなので基本は英語になりますが、ソースも表示されていますので、有る程度WEBの構築ができるひとであれば問題なく導入できると思います。便利で分かりやすいインターフェイスなので上手く使って行きたいですね。

30+ Animated Tab-Based Interface and Accordion Scripts

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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