no-image

JavaScript

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

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

jquery-dice-menu

jquery-dice-menu

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

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

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

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

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

関連記事

  1. jquery.autoscroll-text-tape
  2. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  3. A simple DIY responsive image slideshow
  4. jQuery Slideout Menu

    JavaScript

    スライドしてメニュー表示できるjQueryプラグイン「jQuery Slideout Menu」

    jQuery Slideout Menuはメニューをスライドして表示さ…

  5. SMINT

    JavaScript

    1ページだけのWebサイトに最適なスクロール移動できるナビゲーションを実装できるjQueryプラグイ…

    1ページだけのWebサイトを作る際にとても役立ちそうですね。ナビゲーシ…

  6. jquery-calendar

    JavaScript

    レスポンシブ対応でスケジュール管理もできるカレンダー「jquery-calendar」

    jquery-calendarはレスポンシブに対応したスケジュール管理…

最近の記事

  1. Anker PowerPort Atom PD 4
  2. USB-2H401BKN
  3. Dyson Pure Cool Me
  4. ルック セレクション

アーカイブ

PAGE TOP