Grumble.js

要素にヒント表示したい際に使えそうなポップアップ実装jQueryプラグイン「grumble.js」
$('h1').grumble(options) と唱えると、h1要素のとなりに次のようなバブルを表示させることが出来ます。



要素指定なので簡単です。optionsにはアングルや距離等も指定できます。
一定秒数超えたら消すということも出来ます。オレンジ色だけじゃなくて、別の色にすることもできるみたい


なんとも注目してしまいそうなポップアップですが、注目させたいポイントに置くとCVRアップなどに貢献できるのかも。

関連エントリ

• カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」
• リンクにカーソルを合わせるとQRコードをポップアップさせられるjQueryプラグイン「qrTip」
• HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」
• 超カッコいい確認ダイアログをjQueryで実装するチュートリアル