Slyderはレスポンシブに対応したスライダーナビゲーションを実装できるjQueryプラグインです。下(または上)の階層にあるメニューへ行くとスライドで表示されます。サクサク動作するので、スピード感を演出するナビゲーションをつくりたいときなどに活用してみてはいかがでしょうか。
スライドでサクサクとメニューを見れる
Slyderの実際のデモ動作は以下から確認できます。
Getting startedというメニューにあるQuestion 1〜3の各項目のいずれかをクリックすると、スライドで子メニューが表示されます。このようにどんどんスライドしながら下の階層にあるメニューへ行くことができます。逆に、上の階層へもどるときもスライドされます。
たくさんあるメニューもスッキリ整理されるし、サクサク目的のメニューを探せるのでストレスも少なそうですね。
使い方も非常にシンプルなところがグッドです。気軽にスライドナビゲーション実装できると思います。
また、オプションには、back、current、hidden、item、link、wrapperといったものが用意されています。ちょっとしたカスタマイズもできて、とても便利です。
というわけで、レスポンシブに対応したスライダーナビゲーションをサクッと取り入れたい人は、ぜひ使われてみてはいかがでしょうか。
Slyderの詳しい使い方やダウンロードは以下からどうぞ。