「ツールチップ」とはオンマウス時に表示される画像やテキストのことです。
Windows IEで画像の上にマウスを置いてしばらく待つとALT属性が見えるというアレですね。
これを簡単に実装するライブラリを紹介。jQuery、prototype.js プラグインメインで探してみました。
■ script.js ( prototype.js jQuery不必要 )
http://www.leigeber.com/2008/06/javascript-tooltip/
・おすすめ
・ツールチップがフェードして現れます
■ cooltips ( 要prototype.js , script.aculo.us )
http://okonet.ru/projects/tooltips/index.html
・フェードエフェクトで出現するツールチップ
・ツールチップ枠のデザインはあらかじめ用意されたものを使用することになりそう…。
■ jTip A jQuery Tool Tip ( 要 jQuery )
http://www.codylindley.com/blogstuff/js/jtip/
・Ajaxで動的にツールチップの中身を読み込んで表示します。
・日本語テキストを扱うにはハックする必要がありそう…。
・ツールチップ枠のデザインはあらかじめ用意されたものを使用することになりそう…。
■ jQuery plugin: Tooltip ( 要 jQuery )
http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
title属性やファイル名をツールチップとして表示させるというライブラリ。
オンマウスになった瞬間に表示されます。
<script type="text/javascript" src="jquery.tooltip.pack.js"></script> <link rel="stylesheet" type="text/css" href="jquery.tooltip.css" > <script> jQuery('img').tooltip({ delay: 0, track: true , showURL: false }); </script>
http://docs.jquery.com/Plugins/Tooltip/tooltip#toptions
その他 jQueryライブラリはこちらで取り上げられてます
http://coliss.com/articles/build-websites/operation/javascript/356.html