While waiting for Prototype 1.6.0.1 I've put together a preview for the next release of Prototip.

カスタマイズの自由度が高いツールチップ用JSライブラリ「Prototip」他ツールチップJS色々。

まずは、最近公開されたprototip の紹介。



実現したい大体のツールチップは prototip で出来る、というぐらい多機能です。

• 通常のツールチップ
  
• タイトルを付けてみる
  
• ツールチップ表示位置を指定
  
• HTMLを表示
  
• リンクボックスを表示
  
• その他
  • ツールチップのアニメーション表示
  • クリックでツールチップ表示
  • ツールチップの表示までの時間指定

その他、当ブログで過去に紹介したツールチップライブラリ集

• 吹き出し方式のツールチップテキスト作成JavaScriptライブラリ
• 半透明でクールにフェードするツールチップ実装ライブラリ「CoolTips」
• script.aculo.usベースのクールなツールチップライブラリ「Effect.Tooltip」
• JavaScriptツールチップライブラリ24個
  • Unobtrusive and Slightly Accessible CSS Tool Tips on Semi Transparent CSS Menus
  • jTip – A jQuery Tool Tip
  • AJAX-enabled Help-Balloons
  • Tooltipps mit CSS und Javascript
  • qTip
  • BoxOver
  • SuperNotes
  • DHTMLGoodies kennt 5 Tooltippvarianten
  • Variante 2 nutzt AJAX
  • Walter Zorns JavaScript, DHTML Tooltipps
  • overLIB
  • Tooltip.js
  • Sweet Titles
  • Nice Titles
  • lixlpixel Javascript Tooltips
  • WP - Bubble Tooltips (Plugin)
  • FancyTooltips
  • jQuery plugin: Tooltip
  • Pure CSS Tooltips
  • Information Balloon PopUps
  • Animated Tooltip Javascript
  • A lightweight prototype based JavaScript tooltip
  • DOM Tooltip
  • Yahoo! UI Library: Tooltip

色々ありすぎですね（汗）
個人的に、「吹き出し方式のツールチップテキスト作成JavaScriptライブラリ」で紹介したような、<a>タグのtitleを自動で読み取ってくれるような実装が素敵だと思います。
Prototip実装容易性でいうと、Prototipは、JavaScriptのコードを書かなければいけないのでカスタマイズ性が豊富な分、面倒な部分があります。

ケースに応じて使い分けましょう。

関連エントリ

• JavaScriptist のライブラリ活用のページもご覧ください