no-image

JavaScript

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

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

ggExpandableOptions

ggExpandableOptions

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

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

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

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

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

関連記事

  1. jquery-calendar

    JavaScript

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

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

  2. swipe-menu-js

    JavaScript

    横からスライド・スワイプ表示するハンバーガーメニュー実装「swipe-menu-js」

    swipe-menu-jsは横からスライド・スワイプ表示するシンプルな…

  3. jQuery Parallax

    JavaScript

    美しいパララックススクロールエフェクトを実装できる「jQuery Parallax」

    jQuery Parallaxは美しいパララックススクロールエフェクト…

  4. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  5. no-image

    JavaScript

    依存関係のないタグ付け機能を実装できる「taggle.js」

    taggle.jsは依存関係のないタグ付け機能を実装できるのが特徴です…

  6. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP