Slyder

JavaScript

レスポンシブ対応のスライダーナビゲーションを実装できる「Slyder」

Slyderはレスポンシブに対応したスライダーナビゲーションを実装できるjQueryプラグインです。下(または上)の階層にあるメニューへ行くとスライドで表示されます。サクサク動作するので、スピード感を演出するナビゲーションをつくりたいときなどに活用してみてはいかがでしょうか。

スライドでサクサクとメニューを見れる

デモ

Getting startedというメニューにあるQuestion 1〜3の各項目のいずれかをクリックすると、スライドで子メニューが表示されます。このようにどんどんスライドしながら下の階層にあるメニューへ行くことができます。逆に、上の階層へもどるときもスライドされます。

たくさんあるメニューもスッキリ整理されるし、サクサク目的のメニューを探せるのでストレスも少なそうですね。

使い方も非常にシンプルなところがグッドです。気軽にスライドナビゲーション実装できると思います。

また、オプションには、back、current、hidden、item、link、wrapperといったものが用意されています。ちょっとしたカスタマイズもできて、とても便利です。

というわけで、レスポンシブに対応したスライダーナビゲーションをサクッと取り入れたい人は、ぜひ使われてみてはいかがでしょうか。

Slyder

Product Builderカスタマイズ性に優れたオンラインストアに役立つ「Product Builder」前のページ

スクロールで背景カラーを変化させる「Changing Background Color while scrolling」次のページChanging Background Color while scrolling

関連記事

  1. Water Wave Effect jQuery
  2. Animate Transition
  3. mmenu

    JavaScript

    スマホアプリのように横からスライドするメニューのjQueryプラグイン「mmenu」

    mmenuというjQueryプラグインを使えば、スマホアプリのように横…

  4. Lightense Images
  5. Rain & Water Effect Experiments
  6. JavaScript

    1つのテキストリンクから複数のリンク先が表示される「μllinx」

    μllinx(mullinx)は1つのテキストリンクから複数のリンク先…

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP