Slinky

JavaScript

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

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

Slinky

デモ

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

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

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

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

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

Slinky

関連記事

  1. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

  2. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  3. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  4. underline.js

    JavaScript

    遊び心あるアニメーションと美しさを追求したアンダーライン「underline.js」

    underline.jsはアニメーションが付いた美しいアンダーラインを…

  5. Optiscroll

    JavaScript

    縦横に対応したカスタマイズ性に優れたモダンなスクロールバー「Optiscroll」

    Optiscrollは、軽量で高度に最適化されたカスタマイズ性に優れた…

  6. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP