no-image

JavaScript

フルスクリーンに最適なナビゲーションメニュー「Fullscrenn-Menu-Jquery-Plugin」

Fullscrenn-Menu-Jquery-Pluginは、フルスクリーンに最適なナビゲーションメニューを実装することができるjQueryプラグインです。サイドに表示するシンプルでコンパクトなナビゲーションメニューを取り入れたい人にオススメです。

メニューから目的のコンテンツの位置まで自動スクロール

Fullscrenn-Menu-Jquery-Plugin

デモではフルスクリーンによるコンテンツが全部で6つ用意されています。下へスクロールしていくことでコンテンツが切り替わっていきます。

画面右側にはシンプルなナビゲーションメニューが設置されていて、現在表示されているコンテンツがどの位置なのかが瞬時にわかるようになっています。ナビゲーションの各メニューの丸印をクリックすると、その位置まで自動でスクロールされます。

目的のコンテンツへ手軽にアクセスできるのはとても便利ですね。

また、Fullscrenn-Menu-Jquery-Pluginにはいくつかのセッティング項目からちょっとしたカスタマイズも可能になっています。主な項目は、target、color、hover、full、itensです。

使い方も簡単なので、サクッと実装できそうですね。というわけで、フルスクリーンによるコンテンツに最適なサイド表示のシンプルなナビゲーションメニューを実装できるjQueryプラグイン「Fullscrenn-Menu-Jquery-Plugin」のご紹介でした。

Typed.jsプログラムを入力するようにタイプするエフェクトを実装できる「Typed.js」前のページ

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

関連記事

  1. lightGallery
  2. jQuery plugin Watermark
  3. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

  4. jQueryプラグインで実装できるカレンダー

    JavaScript

    jQueryプラグインで実装できるカレンダー10選

    jQueryプラグインで実装することができる10個のカレンダーがCod…

  5. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  6. jQuery Sequency js

    JavaScript

    スクロールでビフォー・アフター画像を見比べれる「jQuery Sequency js」

    jQuery Sequency jsはスクロールでビフォー・アフター画…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP