• かちびと.net

    とっても使いやすそうなツールチップ実装jQueryプラグイン・jQuery Bubble Popupのご紹介です。汎用的でクロスブラウザ対応です。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

とっても使いやすそうなツールチップ実装jQueryプラグイン・jQuery Bubble Popup

スポンサーリンク

使いやすい感じでしたので備忘録。
ツールチップを実装するjQueryの
プラグインです。多数存在しますが、
選択肢が増えて困ることも無いので
覚えておいて損しませんね。汎用的
で個人的には好みのプラグインです。

対応ブラウザはIE6以上, Firefox 3.5以上, Opera 9以上, Chrome 6以上, Safariとの事です。ライセンスはMITになります。

jQuery Bubble Popup


基本的にはシンプルですが、出す方向や、デザインの変更など、自由度もなかなか高いです。エフェクトも可愛いですね。


こんな事もできちゃう。

基本的には噴出し内に呼び出すテキストはjs内に書くみたいです。

$('#hotspot1').SetBubblePopupInnerHtml('Wall!');
$('#hotspot2').SetBubblePopupInnerHtml('Angelina Jolie!');
$('#hotspot3').SetBubblePopupInnerHtml('Tattoo!');

以下でデモなどの確認も出来ますよ。

jQuery Bubble Popup

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services