Simple Sidebar

JavaScript

左右どちらでも設定可能なサイドバーを実装できるjQueryプラグイン「Simple Sidebar」

Simple SidebarというjQueryプラグインを使えば、左右どちらでも設定可能なシンプルなサイドバーを実装することができます。メニューアイコンをクリックすると、横からスライドしながらサイドバーが表示されます。

[ads_center]

Simple Sidebarの使い方

メニューアイコンをクリックすると、こんな感じでサイドバーが出てきます。普段は隠れているので、スペースを有効活用したい時によさそうですね。

Simple Sidebar

デモ

使い方もシンプルでいいですね。

$("$sidebar").simpleSidebar({
    sidebar: {
        align: 'left' //'right'
    }
});

alignにleftかrightを指定することができます。これによりサイドバーを左にするか右にするかを設定することが可能です。

Simple Sidebar

jQuery.GI.TheWall.jsGoogle画像検索のようなギャラリーを実装できる「jQuery.GI.TheWall.js」前のページ

ぼかし背景を画像から作成できるjQueryプラグイン「Blurr」次のページ

関連記事

  1. Switchery

    JavaScript

    チェックボックスをiOS7のようなスタイルにしてくれるjQueryプラグイン「Switchery」

    SwitcheryというjQueryプラグインを使えば、チェックボック…

  2. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  3. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  4. ToxicBox

    JavaScript

    さまざまなコンテンツをポップアップウィンドウで表示できる「ToxicBox」

    ToxicBoxは、ライトボックスのjQueryプラグインです。近年、…

  5. SuperEmbed.js

    JavaScript

    さまざまな埋め込み動画をレスポンシブで表示できる「SuperEmbed.js」

    SuperEmbed.jsは、さまざまな埋め込み型の動画をレスポンシブ…

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

    JavaScript

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

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

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP