jQuery Sidebar

JavaScript

上下左右からクイックなスライド表示させることができるjQuery Sidebar

jQuery Sidebarは上下左右からスライド表示させることができるプラグインです。テンポの良いクイックなスライドでサイドバーが出現してきます。シンプルですが応用範囲は広そうな感じですね。以下は使い方です。

jQuery Sidebarの使い方

jQuery Sidebarを使う場合は、まず以下のようにhead内にjQueryとプラグインファイルを読み込んでおきます。

<script src="jquery.min.js"></script>
<script src="jquery.sidebar.min.js"></script>

続いてサイドバーのコンテンツを記述していきます。クラス名にはsidebar、そして上下左右(left、right、top、bottom)のいずれかを設定します。ここではrightを指定。

<div class="sidebar right">コンテンツ</div>

あとはjQuery Sidebarを呼び出してあげるだけです。

 $(".sidebar.right").sidebar({side: "right"});

オプションでspeed(デフォルトは200)やside(デフォルトはleft)、他にもisClosedやcloseなどを設定することができます。

普段はサイドバーを非表示にしておき、アクションがあれば表示させるといった場合に役立つプラグインですね。

jQuery Sidebar

関連記事

  1. no-image
  2. Tiny slider
  3. jQuery Panelize Plugin
  4. no-image

    JavaScript

    ミニマリスティックでフレキシブルなjQueryスライダー「Bore Bones Slider」

    Bore Bones Sliderはミニマリスティックでフレキシブルな…

最近の記事

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

アーカイブ

PAGE TOP