Slinky

JavaScript

モバイルライクなナビゲーションメニューを実装できる「Slinky」

Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーションメニューを実装することができるプラグインです。アプリのメニューのように、スライドで上下の階層メニューを行き来できます。

Slinky

デモ

デモでは、各メニュー項目の右側に矢印のアイコンが付いているものがあり、このメニュー項目をクリックすると、その下にある階層のメニューがスライドで表示されます。

アプリのような感覚で使えるシンプルな操作性がとても良好ですね。サクサクした動作でストレスなく快適にナビゲーションメニューを操作できます。

デザインに関しても余計な装飾などがなく、シンプルでとても見やすいです。多階層のナビゲーションメニューをシンプルな形で設置したいという人にはとても最適なプラグインになるのではないでしょうか?

Slinkyに用意されているオプションには、resize、speed、theme、titleがあります。デフォルト値は、resizeがtrue、speedが300、themeがslinky-theme-default、titleがfalseです。

また、オプションの他にはAPIもいくつか用意されています。

Slinky

iziToastエレガントでレスポンシブに対応したトーストを実装できる「iziToast」前のページ

整理に最適!複数のアプリをまとめて移動できるiOS 11の新機能次のページ複数のアプリをまとめて移動

関連記事

  1. jquery.mark

    JavaScript

    キーワードをハイライトしてくれる「jquery.mark」

    jquery.markはキーワードをハイライトしてくれるjQueryプ…

  2. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  3. PopCircle
  4. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  5. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  6. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

最近の記事

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

アーカイブ

PAGE TOP