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. Dependent / Cascading Select List with jQuery Select2

    JavaScript

    選択内容によりその下の内容も変化するセレクトボックス「Dependent / Cascading S…

    セレクトボックスを強力でカスタマイズ性が高く、そして充実させる人気のj…

  2. Animated Weather Cards

    JavaScript

    シンプルでお洒落なアニメーションつき天気予報「Animated Weather Cards」

    お洒落なアニメーションがついた天気予報カード「Animated Wea…

  3. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  4. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  5. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

  6. makefixed.js

    JavaScript

    スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

    makefixed.jsはスクロール中に指定した要素を固定配置させるこ…

最近の記事

  1. リンツ リンドール
  2. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  3. ブラジルイパネマ

アーカイブ

PAGE TOP