前の記事 «:2008年6月2日 管理人のブックマーク
次の記事 »:燃えさかる炎に包まれるロゴを作成するPhotoshopチュートリアル

色んな種類のクールなツールチップを実装しよう「Prototip 2」

2008年06月03日

スポンサード リンク
Prototip 2 - Create beautiful tooltips with ease
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な方には嬉しいライブラリです。

関連エントリ

スポンサード リンク

投稿者 KJ : 2008年06月03日 07:05 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。