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 GoUp!

    JavaScript

    ページ上部にスクロール移動してくれる「jQuery GoUp!」

    jQuery GoUp!は、ページ上部にスクロール移動してくれるシンプ…

  2. no-image

    JavaScript

    多彩なパラメーターでモバイルフレンドリーなjQuery Lightboxプラグイン「frydBox」…

    frydBoxは、多彩なパラメーターでカスタマイズ性の高いモバイルフレ…

  3. crossfade.js

    JavaScript

    スクロールで画像をクロスフェードできるjQueryプラグイン「crossfade.js」

    crossfade.jsというjQueryプラグインを使えば、スクロー…

  4. NO IMAGE

    JavaScript

    フレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」

    Vanilla Modalは、フレキシブルでファイル容量も軽量なCSS…

  5. Responsive jQuery Pop Up Gallery
  6. Image Figure Caption effects

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP