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

    自然をモチーフにした24のフルFlashサイト

    地球、水、火、空気といった自然のエレメントをモチーフにしたフルFlas…

  2. WEB制作関連

    jQueryを学ぶなら必ず見ておきたいサイトまとめ

    今年こそはjQueryを学ぼうという方、またサンプル通りにやれば設置で…

  3. WEB制作関連

    ユニークなレイアウトのWEBサイト40個

    自由なレイアウトで独特の世界観を表現しているWEBサイトのまとめを紹介…

  4. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」

    久々の更新になってしまいましたがおもしろいMac Appを見つけたので…

  5. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

  6. WEB制作関連

    無料で使えるワイヤーフレーム作成ツールまとめ

    ワイヤーフレームやモックアップを作成する際に利用できるWEBツールのま…

  1. 話題・トレンド

    サイトリニューアルしました!
  2. LifeHack・仕事術

    あなたの企画書が10倍伝わりやすくなる魔法の言葉とは?
  3. LifeHack・仕事術

    情報の波にのまれずに整理する方法
  4. Design Items

    もったいなくて食べられない!食べ物で作られたアート
  5. Design Items

    かなりカッコいいコンセプトカーが大集合!
PAGE TOP
Top