hummingbird-popover

JavaScript

高速・軽量なコンテキストメニュー実装「hummingbird-popover」

hummingbird-popoverは高速・軽量なコンテキストメニューを実装できるjQueryプラグインです。多階層なコンテキストメニューに対応していて、操作性もシンプルでストレスなくサクサクと動作するのがいいですね。

hummingbird-popover

hummingbird-popover

デモではテキストの上で右クリックすることで、カスタマイズされたコンテキストメニューが表示されます。Optionsと書かれたメニューには、Change text、Cange color、Change fontというメニュー項目が用意されていて、さらにChange colorとChange fontには子メニュー(Change colorには孫メニューも)が内包されています。

コンパクトでシンプルなデザインで、とても見やすく操作もしやすいコンテキストメニューです。

テキストをチェンジしたり、カラーやフォントも手軽にコンテキストメニューから切り替えられるのが便利ですね。応用次第でいろんなシーンで活躍してくれるjQueryプラグインになるのではないでしょうか?

実装に関しても、シンプルなHTMLをベースにしているのでとても扱いやすそうですね。というわけで、高速で軽量なコンテキストメニュー「hummingbird-popover」の紹介でした。

hummingbird-popover

no-imageレスポンシブ対応のjQuery Lightbox & Popupプラグイン「Flashy」前のページ

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

関連記事

  1. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  2. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  3. CircularLoader.js

    JavaScript

    シンプルな円形プログレスバーを簡単に実装できる「CircularLoader.js」

    CircularLoader.jsは円形プログレスバーを簡単に実装する…

  4. star-rating-svg

    JavaScript

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

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

  5. Force.js

    JavaScript

    要素を手軽にアニメーション化できる「Force.js」

    Force.jsはページ上の要素を手軽にアニメーション化させることがで…

  6. no-image

    JavaScript

    カードを入れ替えるような3Dアニメーションによるスライダー「stack-slider」

    stack-sliderはカードを入れ替えるような3Dアニメーションに…

最近の記事

  1. 200-DGBG020
  2. Anker PowerPort 5-in-1 37.5W Hub
  3. α7C + FE28-60mm F4-5.6

アーカイブ

PAGE TOP