jQuery Navobile

JavaScript

横スライドが素敵!レスポンシブ対応モバイルナビゲーション「jQuery Navobile」

jQuery NavobileというjQueryプラグインを使えば、レスポンシブに対応したモバイルナビゲーションを実装することができます。モバイル時のナビゲーションでは、メニューアイコンをクリックすると横からスライド表示されます。とても実用的でよさそうですね。

[ads_center]

jQuery Navobileの使い方

以下はPC閲覧時の場合です。

PC閲覧時

スマホなどのモバイル時のブラウザサイズでは以下のようなナビゲーションに切り替わります。

モバイル時

メニューアイコンをクリックすると、こんな感じでナビゲーションが横からスライドで表示されます。

横からスライドで表示

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

$('#navigation').navobile();

オプションもcta、content、easing、bindSwipe、bindDragといった色んな項目が用意されています。

jQuery Navobile

フリーのアイコンセットWebページやモバイルサイトで使いたいフリーのアイコンセット前のページ

シンプルなスクロールエフェクトを実装できるjQueryプラグイン「ScrollMe」次のページScrollMe

関連記事

  1. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  2. PgwSlider

    JavaScript

    レスポンシブで軽量なスライダーを実装できるjQueryプラグイン「PgwSlider」

    PgwSliderというjQueryプラグインを使えばレスポンシブで軽…

  3. jR3DCarousel

    JavaScript

    レスポンシブな3Dカルーセルを実装できる「jR3DCarousel」

    jR3DCarouselはレスポンシブな3Dカルーセルを実装できるjQ…

  4. Simple jQuery Slider

    JavaScript

    シンプルなナビ付きのスライダーを実装できる「Simple jQuery Slider」

    シンプルなスライダーを実装できる「Simple jQuery Slid…

  5. jquery.horizonScroll.js
  6. jQuery liMarquee

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP