waslidemenu

JavaScript

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

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

[ads_center]

waslidemenuの使い方

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

waslidemenu

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

waslidemenu

デモ

使い方もシンプルです。

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

waslidemenu

大文字のフリーのフォント30大文字(キャピタル)が素敵なフリーのフォント30前のページ

テキストを回転させるエフェクトのjQueryプラグイン「Simple Text Spinning Effect With JQuery」次のページ

関連記事

  1. Owl Carousel

    JavaScript

    タッチ操作やレスポンシブにも対応したカルーセルを実装できるjQueryプラグイン「Owl Carou…

    素晴らしいカルーセルを実装できるjQueryプラグインがあったのでご紹…

  2. Dialogify

    JavaScript

    カスタマイズできるダイアログ・ライトボックスを作成できる「Dialogify」

    Dialogifyはカスタマイズできるダイアログやライトボックスなどを…

  3. Tagify

    JavaScript

    Vanilla JSを用いた軽量のタグ入力機能を実装できる「Tagify」

    TagifyはVanilla JSを用いた軽量のタグ入力機能を実装でき…

  4. jQuery Floating Social Share
  5. no-image

    JavaScript

    スライダータイプの質問フォーム実装「jquery.formslider」

    jquery.formsliderはスライダータイプによる質問フォーム…

  6. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

最近の記事

  1. EOS R5
  2. Anker PowerExpand Direct 6-in-1 USB-C PDメディアハブ
  3. ペットボトルホルスター

アーカイブ

PAGE TOP