• RSS

[JS]シンプルなフルスクリーンメニューのjQueryプラグイン「jQuery fatNav」

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

ハンバーガーメニューをクリックして、フルスクリーンでナビゲーションメニューを表示できるjQueryプラグイン「jQuery fatNav」のご紹介です。

jQuery fatNav のダウンロード

以下のページからjQuery fatNavのファイルをダウンロードします。
シンプルなフルスクリーンメニューのjQueryプラグイン「jQuery fatNav」

jquery.min.jsファイルと一緒にjquery.fatNav.cssjquery.fatNav.js を読み込み、JavaScript関数を呼び出します。


続いて、HTMLファイル側でナビゲーションメニューの部分を用意します。


ハンバーガートグルのカスタマイズ

jquery.fatNav.css を編集することで、ハンバーガーメニューの色を変更するなど、デザインの変更も可能です。


以下のページで、jQuery fatNavによるデモページを用意しました。
※デモページの左上のハンバーガーメニューをクリックすることで、フルスクリーンメニューを表示します。
jQuery fatNav のフルスクリーンメニューデモ



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

This site uses Akismet to reduce spam. Learn how your comment data is processed.