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制作関連

    様々なカレンダーを実装するjQueryプラグイン25選

    日付の選択やスケジュールを表示する際に便利なカレンダー表示のjQuer…

  2. WEBディレクターズマニュアル

    WEBディレクターの為の便利ツール「Support Detail」

    エラーが起きていると言われたけど自分のPCでは再現しない。そんな時はま…

  3. WEB制作関連

    タイポグラフィを生かしたWEBデザイン20個

    タイポグラフィを効果的に用いたWEBデザインのまとめです。タイポがお…

  4. WEB制作関連

    ペーパープロトタイピングのすすめ

    みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。…

  5. WEB制作関連

    HTML5を学ぶなら必ず見ておきたいWEBサイト35選

    そろそろ本格的に学びたいHTML5ですが、そんな時にぜひ参考にしたいW…

  6. WEB制作関連

    クリエイティブなシングルページWEBサイト20選

    1枚構成のビジュアルをベースにしたWEBサイトのまとめです。&…

  1. Design Items

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

    Google検索の新機能「Google Instant」
  3. WEB制作関連

    ガーリーなPhotoshopのレイヤースタイル
  4. WEB制作関連

    便利なアイコン配布サイト10+1
  5. WEB制作関連

    クリエイティブなシングルページWEBサイト20選
PAGE TOP
Top