[JS]にょきっと表示されるツールチップのスクリプト

jQuery for Designersのエントリーから、Codaのサイトで使用されているような、にょきっと表示させるツールチップのスクリプトを紹介します。

ツールチップの表示箇所は、下記のようになっています。

<div class="bubbleInfo">
<img class="trigger" src="http://mysite.com/path/to/image.png" />
<div class="popup"><!--ツールチップの内容--></div>
</div>

Coda Popup BubblesはjQueryのプラグインのため、動作にはjquery.jsが必要です。
※IE6など透過PNG非対応ブラウザでは透過されずに表示されます。

Post on:2008年4月11日

mohi

on 2008年4月11日

コードをクッリップボードにコッピーしたらスペースが「」とかになってましたです。

on 2008年4月11日

> mohi さん
実体参照にしていた箇所を修正しました。
ご指摘、ありがとうございました。