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

関連記事

  1. Expandy Menu

    JavaScript

    マウスオーバーで広がるメニューパネル「Expandy Menu」

    Expandy Menuはマウスオーバーすると横に広がるメニューパネル…

  2. JavaScript

    カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

    insigniaはカスタマイズ性に優れたタグ入力を実装することができる…

  3. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  4. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

  5. countdownCube

    JavaScript

    3Dキューブのように回転するカウントダウンタイマーを実装できる「countdownCube」

    countdownCubeは3Dキューブのようにクルッと回転するカウン…

  6. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

最近の記事

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

アーカイブ

PAGE TOP