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デザイン20個

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

  2. WEB制作関連

    色とWEBデザイン -むらさき編-

    色はデザインをする上で重要な役割を担いますが、それぞれの色には多くの人…

  3. WEB制作関連

    jQueryを利用した演出がかっこいいWEBサイト50個

    多くのプラグインが開発され、様々に活用されているjQueryですが、サ…

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

    WEBディレクターなら参考にしたい手書きの画面設計書

    様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を…

  5. WEB制作関連

    横スクロールが印象的な27個のWEBサイト

    横スクロールでコンテンツが展開しているWEBサイトのまとめです。…

  6. WEB制作関連

    便利なオンライン校正管理ツール19選+2

    いろいろ試しているんですがなかなかこれといった手法に行きつかないデザイ…

  1. 話題・トレンド

    佐藤さんが日本で一番多い理由
  2. Design Items

    絵は口ほどに物を言う。16枚の広告ポスター
  3. 話題・トレンド

    エスカレーター効果を体感できるおもしろCM
  4. Design Items

    一度に二度おいしいティーポッド
  5. Design Items

    今どきのUSBメモリいろいろ
PAGE TOP
Top