no-image

JavaScript

固定されたフローティングメニューを実装できる「jquery-dice-menu」

jquery-dice-menuは、固定されたシンプルなフローティングメニューを実装することができるjQueryプラグインです。容量もかなり軽量で、デザインもシンプルでとてもスッキリしています。

jquery-dice-menu

jquery-dice-menu

デモでは、画面右側にフローティングメニューのボタンが表示されていて、ここをクリックするとフェードインでメニュー項目が表示されます。メニュー項目はすべてアイコンで表示されているので、スペースも小スペースで済みますし、何よりデザイン的にかなりミニマルな感じになります。

Webページをスッキリとシンプルに見せたい場合にはとても有効なメニューですね。マークアップもかなりシンプルに記述できるので、手軽に実装することができます。

ちなみに、メニュー項目はリスト(ul)形式で記述していきます。

フローティングメニューは、Webページを上下にスクロールしても同じ位置に固定されたままなので、どの位置にいてもすぐにメニューにアクセスできるのが便利です。

シンプルで軽量な固定されたフローティングメニューを実装したいという人は、ぜひ「jquery-dice-menu」を使われてみてはいかがでしょうか?

関連記事

  1. megamenu.js

    JavaScript

    レスポンシブでスマートなメガメニューを実装できる「megamenu.js」

    megamenu.jsはjQueryを使ったレスポンシブでスマートなメ…

  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  3. flexible-bootstrap-carousel
  4. jQuery Section Navi Plugin
  5. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  6. gridstack.js

    JavaScript

    ウィジェットレイアウトを作成できるjQueryプラグイン「gridstack.js」

    gridstack.jsはドラッグ&ドロップでウィジェットレイアウトを…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP