cascadingDivs

JavaScript

サクサク動作する軽量なアコーディオンを実装できる「cascadingDivs」

cascadingDivsはjQueryとCSS3を使ってつくられた軽量なアコーディオンです。サクサク動作する水平スライダーのようなアコーディオンなので、ストレスもなくとても快適にコンテンツを楽しむことができます。テキストやバナーなど、いろんなコンテンツをアコーディオンで見せたいときに活用してみてはいかがでしょうか?

cascadingDivs

デモ(バナー・ボタン)

デモ(テキスト)

一つの画面内にできるだけたくさんの情報を詰め込みたいときなんかに便利ですね。

また、オプションにあるslideTimeの値を変更することで、スライドの速度を調節することも可能です。マークアップもシンプルでわかりやすいので、サクッと実装できそうです。

というわけで、軽量でいろんなコンテンツを表示できる水平アコーディオンを使いたい方は、ぜひcascadingDivsをチェックしてみてはいかがでしょうか。

cascadingDivs

関連記事

  1. humane.js

    JavaScript

    シンプルでモダンなさりげない通知システムを実装できる「humane.js」

    humane.jsはフレームワークなどに依存しないシンプルでモダンな通…

  2. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  3. Chariot

    JavaScript

    Webページ内でステップごとのガイドツアーを実装できる「Chariot」

    ChariotはWebページ内でのガイドツアーを実装することができるJ…

  4. notifier

    JavaScript

    Webサイトにシンプルな通知を表示させるjQueryプラグイン「notifier」

    notifierはWebサイトにシンプルな通知を表示させることができる…

  5. EasyFader Plugin Demo

    JavaScript

    レスポンシブ対応で軽量なフェードスライドショーを実装する「EasyFader Plugin Demo…

    シンプルなフェードアニメーションによるスライドショーを実装することがで…

  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでアニメーションを遅らせるにはdelayを使えばいいらしい

    ちょっとしたメモです。jQueryでanimateをメソッドチェーンで…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP