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

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

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives