no-image

JavaScript

円形に飛び出すメニューを実装できる「ggExpandableOptions」

ggExpandableOptionsは円形に飛び出すメニューを実装できるjQueryプラグインです。メニューボタンをクリックすると、その周囲にメニューが円形に配置されるように表示されます。

ggExpandableOptions

ggExpandableOptions

デモでは上下左右の矢印が描かれたボタンがいくつか設置されていて、各ボタンをクリックすることでそのボタンの周りにメニューが表示されます。ボタンを基軸にメニュー項目が円形に飛び出すのがおもしろいですね。再度ボタンをクリックすればメニューが元の状態に戻ります。

操作もシンプルなのでパソコンだけでなくスマホなどのモバイル端末からでも使いやすそうな印象です。

というわけで、ボタンをクリックすることでそのボタンを中心に円形に配置されるメニューを実装したい人は、ぜひ「ggExpandableOptions」をチェックしてみてください。

no-imageアクセシブルなビフォーアフター画像を実装できる「BeerSlider」前のページ

画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」次のページno-image

関連記事

  1. 10のjQueryスニペット

    JavaScript

    Webデザイナーが知っておくべき10のjQueryスニペット

    すべてのWebデザイナーが知っておくべき10のjQueryスニペットが…

  2. BIDEO.JS

    JavaScript

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

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

  3. luxy.js

    JavaScript

    優雅な慣性スクロールとパララックスエフェクトを実装できる「luxy.js」

    luxy.jsは優雅で美しい慣性スクロールとパララックスエフェクトを実…

  4. graphite

    JavaScript

    シンプルな棒グラフを生成できる「graphite」

    graphiteはシンプルな棒グラフを生成できるJavaScriptラ…

  5. Bricklayer

    JavaScript

    軽量なグリッドレイアウトを実装できる「Bricklayer」

    Bricklayerは軽量なグリッドレイアウトを実装することができるラ…

  6. linkunderline

    JavaScript

    テキストリンクにアンダーラインのアニメーションを実装できる「linkunderline」

    linkunderlineは、テキストリンクにアンダーラインを引くアニ…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP