no-image

JavaScript

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

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

jquery-dice-menu

jquery-dice-menu

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

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

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

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

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

関連記事

  1. FlipClock.js

    JavaScript

    時計・タイマー・カウントダウンを実装できるjQueryプラグイン「FlipClock.js」

    FlipClock.jsというjQueryプラグインを使えば、時計・タ…

  2. JavaScript

    JavaScriptの基本構文を忘れた!って時にサクっと見たい10項目

    最近はよくjQueryプラグインを使ったりすることが多くなってきたので…

  3. Responsive jQuery Pop Up Gallery
  4. BIDEO.JS

    JavaScript

    背景動画をフルスクリーンで表示させるJSライブラリ「BIDEO.JS」

    BIDEO.JSは、webページの背景にフルスクリーンで動画を表示させ…

  5. jQuery LoadingOverlay

    JavaScript

    多彩なローディング画面を実装できる「jQuery LoadingOverlay」

    jQuery LoadingOverlayは、カスタマイズ性に優れた多…

  6. gridslide.js

    JavaScript

    いろんな方向に画像をスライドできるjQueryイメージスライダー「gridslide.js」

    gridslide.jsはいろんな方向に画像をスライドさせることができ…

最近の記事

  1. ジェットストリームの三色ボールペン(+シャーペン付き)と黒の替芯
  2. ブラジルイパネマ
  3. 梅しば
  4. BM-IBCDH13RD

アーカイブ

PAGE TOP