WEB制作関連

情報を省スペース化するjQueryベースのアコーディオン

主にメニューナビゲーションに利用されることの多いアコーディオンのギミックですが、ここでは少ないスペースに情報を効率的に配置するのに便利なプラグインのまとめています。

Grid Accordion with jQuery

jq_accordion_01.jpg

選択した部分のエリアが拡大して表示されます。縦横ともに対応しています。

Easy Accordion jQuery Plugin

jq_accordion_02.jpg

自動的に切り替わっていくAutoPlayにもできます。

DesignReviver Horizontal Accordion

jq_accordion_03.jpg

サムネイル付のモジュール向きのプラグインです。

Turn an Unordered List into an jquery Accordion Menu

jq_accordion_04.jpg

マウスオーバーやインターバルなど、様々なイベントにも対応したプラグインです。

他にも見たい方はこちらもどうぞ。

裏側に隠れる情報もでてくるので多用は禁物ですが、ファーストビュー内に一定の要素を収めたい場合などに活用できそうですね。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEB制作関連

    色とWEBデザイン -黒編-

    色別WEBデザインのまとめです。今回のテーマは「黒色」です。 …

  2. WEB制作関連

    美しいスライドショーが印象的な40個のWEBサイト

    WEBサイトを作る人なら一度は使ったことのあると思うスライドショーです…

  3. WEB制作関連

    行政機関・自治体のWEBサイトまとめ

    首相官邸のWEBサイトの構築費が4500万で高すぎるなんで話題なってい…

  4. WEB制作関連

    ぜひ参考にしたいオシャレで使いやすい22個の管理画面

    WEBアプリなどの管理画面向けのテンプレートのまとめです。&n…

  5. WEB制作関連

    スクリーンショットを利用したWEBデザイン30個

    WEBサービスやアプリケーションの紹介には欠かせないスクリーンショット…

  6. WEB制作関連

    話題の「about.me」でプロフィールページをつくってみた。

    最近、Twitterなどでも自己紹介ページとして利用している人が増えて…

  1. ソーシャルメディア

    おしゃれなfacebookタイムラインの使い方
  2. WEB制作関連

    固定配置したナビゲーションのWEBサイト21個
  3. Design Items

    葉っぱをキャンバスにした自然派アート
  4. 話題・トレンド

    iPadをゲームセンターに変える「joystick-it」
  5. WEB制作関連

    WEBページを丸裸にしてしまう「The Sexy Curls jQuery」
PAGE TOP
Top