no-image

JavaScript

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

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

jquery-dice-menu

jquery-dice-menu

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

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

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

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

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

関連記事

  1. Viewer

    JavaScript

    画像の拡大や縮小、回転などができるイメージギャラリー「Viewer」

    Viewerは画像の拡大や縮小、回転、上下左右の切り替えといった機能を…

  2. LoadGo

    JavaScript

    画像をプログレスバー(ローディング)にできるjQueryプラグイン「LoadGo」

    LoadGoはサイト内にあるロゴなどといった画像をプログレスバー(ロー…

  3. PopCircle
  4. ArtDesignSlider

    JavaScript

    レスポンシブで豊富なエフェクトのイメージスライダー「ArtDesignSlider」

    ArtDesignSliderは豊富なエフェクトでレスポンシブにも対応…

  5. no-image

    JavaScript

    ページ読み込み時に画面上部にプログレスバーを表示する「Skylo」

    Skyloはページ読み込み時にプログレスバーを画面上部に表示できるのが…

  6. TabbedContent

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP