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ツール「Moqups」

    最近利用している人をよく見かける機会が増えたこの「moqups」ですが…

  2. WEB制作関連

    ダウンロードしておきたい便利なシルエット素材85セット

    人のいろいろな動きから動物、植物や街並みまでモチーフや世界観作りなどに…

  3. WEB制作関連

    WEB制作者なら必ず知っておきたいWEBツール21選

    便利なジェネレータやチェックツールなどWEBサイトを制作する際に重宝す…

  4. WEB制作関連

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

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

  5. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個

    フリーのクリエイターさんなどのポートフォリオサイトのまとめです。…

  6. WEB制作関連

    jQuery+Ajaxで実装するファイルアップローダー

    jQueryを利用したファイルアップローダーのまとめです。 (…

  1. 話題・トレンド

    佐藤さんが日本で一番多い理由
  2. WEBディレクターズマニュアル

    ツールジプシーの果てに。
  3. WEB制作関連

    クリエイティブなシングルページWEBサイト20選
  4. 話題・トレンド

    schoo(スクー)で授業配信します!
  5. WEB制作関連

    必ず入れておきたいポピュラーなフリーフォント30選
PAGE TOP
Top