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. Ideal Image Slider

    JavaScript

    シンプルで動きが滑らかなスライダー「Ideal Image Slider」

    Ideal Image Sliderはレスポンシブに対応したシンプルで…

  2. Mini Previews

    JavaScript

    リンクにホバーするとプレビューが見れるjQueryプラグイン「Mini Previews」

    Mini Previewsは指定したリンクにホバーするとリンク先のプレ…

  3. no-image

    JavaScript

    ウィークデイ(週)のオプションを作成できる「jquery-weekdays」

    jquery-weekdaysはウィークデイ(週)のオプションを作成で…

  4. JavaScript

    Google マップを簡単でシンプルに使えるようにしてくれる「gmaps.js」

    Google マップをとても簡単に扱えるようにしてくれるgmaps.j…

  5. Glide.js
  6. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

最近の記事

  1. JOK-350 WH
  2. 1460 COLLAR ウォータープルーフ 8ホールブーツ
  3. スターバックス ハウスブレンド

アーカイブ

PAGE TOP