Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

色んな種類のクールなツールチップを実装しよう「Prototip 2」
Prototip 2 を使えば次のようなクールなツールチップが実装できます。



カーソルをもっていくことでプレビューできます。



使い方は、必要なJS/CSSを読み込んだ後、次のように初期化するのでOKみたいで簡単

new Tip(element, 'content', {
title: 'This tooltip has a title',
style: 'protoblue',
stem: 'topLeft',
hook: { tip: 'topLeft, mouse: true },
offset: { x: 14, y: 14 }
});

これはなかなかクールですね。
Prototype.jsな方には嬉しいライブラリです。

関連エントリ

• JavaScriptを使わずCSSのみでシンプルなツールチップ実装
• CSSでデザインされたツールチップボックスいろいろサンプル
• カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々