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. HC Sticky

    JavaScript

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

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

  2. Spring Loaders

    JavaScript

    ポリゴンによるローディングアニメーションがかっこいい「Spring Loaders」

    Spring Loadersはポリゴンでつくられたローディングアニメー…

  3. Vertical Fixed Navigation #2
  4. NavSync

    JavaScript

    ナビゲーションとコンテンツが連動するjQueryプラグイン「NavSync」

    NavSyncはナビゲーションとコンテンツが連動してアニメーションする…

  5. TabbedContent
  6. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP