no-image

JavaScript

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

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

ggExpandableOptions

ggExpandableOptions

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

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

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

関連記事

  1. imagelightbox

    JavaScript

    レスポンシブ対応でタッチフレンドリーな画像ギャラリー「imagelightbox」

    imagelightboxは、レスポンシブに対応したタッチフレンドリー…

  2. multi.js

    JavaScript

    検索機能がついたセレクトボックスを実装できる「multi.js」

    multi.jsは検索機能がついた使いやすいユーザーフレンドリーなセレ…

  3. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  4. no-image

    JavaScript

    縦スクロールによるフォトギャラリー実装「Simple Scroll Gallery」

    Simple Scroll Galleryは縦スクロールによるかっこい…

  5. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  6. ViewBox

    JavaScript

    レスポンシブに対応したLightbox風のイメージギャラリー「ViewBox」

    ViewBoxはレスポンシブに対応したLightbox風のイメージギャ…

最近の記事

  1. ネクスタイム
  2. フォールドオーバーポーチ
  3. 田沢湖
  4. ハクバ シリコンクロス
  5. トライポッドスリーブ

Instagram始めました

Facebookページ

PAGE TOP