no-image

JavaScript

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

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

jquery-dice-menu

jquery-dice-menu

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

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

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

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

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

bubbly-bg幻想的なバブル背景アニメーションを実装できる「bubbly-bg」前のページ

【iOS 11】iPhoneのSafariでWebページをPDFで保存する方法次のページWebページをPDFで保存

関連記事

  1. ScrollBooster

    JavaScript

    ドラッグしながらスクロールするライブラリ「ScrollBooster」

    ScrollBoosterはドラッグしながらスクロールする機能を実装で…

  2. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

  3. Accessible Dialog

    JavaScript

    ナビゲーションメニューをモーダルダイアログで表示する「Accessible Dialog」

    Accessible Dialogは、ナビゲーションメニューをモーダル…

  4. Jquery-Slider

    JavaScript

    水平の画像タイムラインを実装できる「Jquery-Slider」

    Jquery-Sliderは水平の画像タイムラインを実装できるのが特徴…

  5. flatpickr

    JavaScript

    超軽量で使い方もカンタンな日付ピッカー「flatpickr」

    flatpickrはjQueryなどのライブラリに依存することなく動作…

  6. Rate Yo!

    JavaScript

    星評価(レーティング)を簡単に実装できるjQueryプラグイン「Rate Yo!」

    Rate Yo!というjQueryプラグインを使えば、SVGを使った星…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP