waslidemenu

JavaScript

横スライドで深い階層に入っていくナビゲーションのjQueryプラグイン「waslidemenu」

waslidemenuというjQueryプラグインを使えば、横スライドしながら深い階層に入っていけるナビゲーションを実装することができます。スマホでよく見かけるナビゲーションですね。戻る時は逆側にスライドしていきます。

[ads_center]

waslidemenuの使い方

このようなナビゲーションを実装できます。

waslidemenu

メニューをクリックして深い階層に入っていくと、右から左へスライドしながら切り替わっていきます。戻る場合は逆に左から右へスライドしてきます。

waslidemenu

デモ

使い方もシンプルです。

$(document).ready(function(){
    $('#mymenu').waSlideMenu({});
});

waslidemenu

関連記事

  1. Force.js

    JavaScript

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

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

  2. no-image

    JavaScript

    多彩なコンテンツ表示やカスタマイズ性を有する「LC Lightbox」

    LC Lightboxは画像や動画など多彩なコンテンツ表示ができたり高…

  3. no-image

    JavaScript

    シンプルでエレガントなモーダルボックスを実装できる「Fallr.js」

    Fallr.jsはシンプルでエレガントなモーダルボックスを実装できるj…

  4. Zoomerang.js
  5. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP