no-image

JavaScript

レスポンシブでマルチレベルに対応したナビゲーション「K-Responsive-Menu」

K-Responsive-Menuは、レスポンシブでマルチレベルに対応したナビゲーションメニューを実装できるjQueryプラグインです。ファイル容量も軽量でモバイルフレンドリーなことから、スマホやタブレットからの閲覧・操作性も良好です。

K-Responsive-Menu

デモ

デモでは大きく分けて水平(Horizontal)と垂直(Vertical)の2タイプが用意されています。水平のデモには、Basic、Basic with form、Fluid、Push Left、Push Right、Push Left + Pull Mail、Push Right + Pull Main、Map to、BackDrop、Using Attributeが、垂直のデモにはBasic、Basic with form、Push rightが用意されています。

デモでは画面を縮小していくと特定のポイントでハンバーガーアイコンに切り替わります。モバイル版ではハンバーガーアイコンをクリックするとメニューが表示されます。メニューが上からスライドで降りてきたり左から出てきたりと、様々な動きのナビゲーションが実装可能です。

アニメーションのスピードやメニュータイプなど、APIも豊富でカスタマイズ性も高いのがいいですね。イベントもいろいろ用意されているので、気になる人はぜひチェックしてみてください。

K-Responsive-Menu

HC Stickyスクロールしても要素を固定できるJSライブラリ「HC Sticky」前のページ

フラットでシンプルなカラーピッカー実装「Pickr」次のページno-image

関連記事

  1. table-dragger

    JavaScript

    ドラッグ&ドロップでテーブルを並べ替えられる「table-dragger」

    table-draggerはドラッグ&ドロップでテーブルの並べ替えを可…

  2. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

  3. Presentation Slideshow
  4. simplePagination.js
  5. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  6. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

最近の記事

  1. 長十郎
  2. COMOLI シルクネルシャツ
  3. WiMAX
  4. 甘柿
PAGE TOP