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

関連記事

  1. makefixed.js

    JavaScript

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

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

  2. Points Of Interest

    JavaScript

    各ポイントごとにクリックで詳細文を表示させるjQuery「Points Of Interest」

    Points Of Interestはサイト内に設置した各ポイントを…

  3. jQuery fullsizable
  4. no-image

    JavaScript

    シンプルでスタイリッシュなjQueryスライダー「Simple slider」

    Simple sliderはシンプルでスタイリッシュなスライダー(カル…

  5. Tipr

    JavaScript

    軽量、フラット、シンプルなツールチップを実装できるjQueryプラグイン「Tipr」

    Tiprはフラットでシンプルなツールチップを実装することができるjQu…

  6. no-image

    JavaScript

    レスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」

    Flashyはレスポンシブに対応したjQuery Lightbox &…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP