シンプルなスライディングメニューを実装できる「Sliiide」

Sliiideはシンプルなスライディングメニューを実装することができるjQueryプラグインです。上下左右と好きな位置からメニューをスライド表示させることができるので、自分のサイトにも合わせやすそうですね。

Sliiide

Sliiideのデモは以下で確認することができます。

デモ

Left、Top、Right、Bottomのアイコンからスライドさせる位置を選択することができます。

例えば、Topを選択して左上にあるメニューアイコンをクリックすると、上からスライドしてきます。ちょっとした遊び心があって操作していて楽しいですね。

一般的なナビメニューじゃつまらないっていう方は、ぜひ一度チェックしてみてはいかがでしょうか。

こんな感じでオプションもいろいろと揃っています。placeでスライドさせる位置を指定することができます。

var settings = {
    toggle: "#sliiider-toggle",
    exit_selector: ".slider-exit",
    animation_duration: "0.5s",
    place: "left",
    animation_curve: "cubic-bezier(0.54, 0.01, 0.57, 1.03)",
    body_slide: true,
    no_scroll: true
};

$('#menu').sliiide(settings);

Sliiideの詳しい使い方やダウンロードは以下からどうぞ。

Sliiide