Sliiide

JavaScript

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

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

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

jQuery PieTimer時間の経過とともに円形が欠けていくタイマー「jQuery PieTimer」前のページ

数値をインジケーターで見やすく表示できる「Bar Indicator」次のページBar Indicator

関連記事

  1. multi-list

    JavaScript

    複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

    multi-listは、順序付けされていないリストを複数の選択可能なリ…

  2. no-image
  3. JavaScript

    jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

    面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたい…

  4. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  5. no-image

    JavaScript

    シンプルでカスタマイズもしやすいタブパネル実装「jquery-tab」

    jquery-tabはシンプルなタブパネルを実装することができるjQu…

  6. jQuery Tabs with Content Overlays

最近の記事

  1. ナイトロコーヒー
  2. チーズベーコンエッグバーガー
  3. ランチセットA
PAGE TOP