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. spzoom

    JavaScript

    シンプルで使いやすい画像ズームを実装できるjQueryプラグイン「spzoom」

    spzoomはシンプルな操作性で使いやすい画像ズーム機能を実装できるj…

  2. Sliiide

    JavaScript

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

    Sliiideはシンプルなスライディングメニューを実装することができる…

  3. JavaScript

    値を指定することで好きなカラースウォッチを表示できるjQueryプラグイン「Color Swatch…

    これはどこかで使いたくなるjQueryプラグインですね。カラー値を指定…

  4. Uglipop.js

    JavaScript

    軽量でミニマルなモーダルボックスを実装できる「Uglipop.js」

    Uglipop.jsは軽量でミニマル、カスタマイズ性にも優れたモーダル…

  5. no-image

    JavaScript

    ダイナミックに回転してコンテンツが切り替わる「Page Scroll 3D」

    Page Scroll 3Dは、クルッとダイナミックに回転してコンテン…

  6. Slight Submenu

最近の記事

  1. 成城石井 フレンチロースト
  2. COMOLI カシミアシルクニットパーカ
  3. 橋
  4. 梅と久保田城
  5. マワマット26

アーカイブ

PAGE TOP