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. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  2. DarkTooltip

    JavaScript

    色んなパターンのツールチップを実装できるjQueryプラグイン「DarkTooltip」

    DarkTooltipというjQueryプラグインを使えば、色んなパタ…

  3. no-image

    JavaScript

    スライドアニメーションによる多階層なハンバーガーメニュー「ggContentMenu」

    ggContentMenuはスライドアニメーションを備えた多階層に最適…

  4. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  5. gridscrolling.js
  6. no-image

    JavaScript

    シンプル・軽量なjQueryイメージビューア「WimmViewer」

    WimmViewerはシンプルで軽量なイメージビューアを実装できるjQ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP