[JS]にょきっと表示されるツールチップのスクリプト
Post on:2008年4月11日
sponsors
jQuery for Designersのエントリーから、Codaのサイトで使用されているような、にょきっと表示させるツールチップのスクリプトを紹介します。
ツールチップの表示箇所は、下記のようになっています。
|
1 2 3 4 5 6 |
<textarea name="code" class="html" cols="60" rows="5"> <div class="bubbleInfo"> <img class="trigger" src="http://mysite.com/path/to/image.png" /> <div class="popup"><!--ツールチップの内容--></div> </div> </textarea> |
Coda Popup BubblesはjQueryのプラグインのため、動作にはjquery.jsが必要です。
※IE6など透過PNG非対応ブラウザでは透過されずに表示されます。
sponsors
