JQUERY BUBBLE POPUP v.2.3.1 - display animated and shadowed "bubble" popups with few lines of code in jQuery

カッコよく動くポップアップでより分かりやすくメッセージを表示出来る「JQUERY BUBBLE POPUP」
カーソルを合わせた際に、単にポップアップするのではなく、ポップアップ自体がフェードインアニメーションしながら動きをもって表示されることでより、利用者の注意をひくことができそうです。
見た目も影付きでカッコいいのが特徴です。



デザインは選べます。
何かにカーソルを合わせた時だけじゃなくて最初から特定のエレメント上に表示しておくこともできます。
新機能の紹介なんかに役立ちそうです。



方向も、上だけじゃなくて、左、右、下など自由に設定できます。




実装も直感的にできます。たとえば、class="button" の要素につけたかったら次のようにやります。

$('.button').CreateBubblePopup({ innerHtml: 'This is a Bubble Popup!' });

画像上にポップアップを指定するデモなんかも紹介されています。



関連エントリ

• その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAction」
• 滑らかにアニメーションして美しいポップアップを作成するチュートリアル
• テキスト選択後のアクションをポップアップしてくれユーザビリティ向上に使える「Search And Share」
• 同一ページ内でポップアップウィンドウを開くJavascriptライブラリ