no-image

JavaScript

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

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

ggExpandableOptions

ggExpandableOptions

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

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

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

関連記事

  1. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

  2. jQuery Slideout Menu

    JavaScript

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

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

  3. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  4. gridslide.js

    JavaScript

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

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

  5. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  6. no-image

    JavaScript

    スワイプでのスライドもできるシンプルなスライダー「jquery-slide」

    jquery-slideはスワイプでのスライドにも対応したシンプルなス…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP