リンクなどに吹き出し説明を加えるtooltip「FancyTooltips」

ワンクリック詐欺などが行われている昨今、リンク先の詳細が知りたいと思うことがあります。
victrというサイトではマウスを乗せた時、リンク先のタイトルやURIをマンガの吹き出しの様に表示するFancyTooltipsを公開しています。
これを使用することで、aタグに加えabbr、acronymなどtitle属性が付与されているもの、さらにはデフォルトではありませんがimgタグのalt属性にも適用することが出来ます。

使用方法
FancyTooltipsからダウンロードしたjs、cssをアップロードし、head内に挿入するだけです。
吹き出し自体はCSSを変更することで好みの色に変えられます。
なお、imgタグのalt属性に適用したい場合はjsファイルの399行目のコメントアウトを削除してください。
＊コメントアウトとは、/* */のこと。
fancytooltipsサンプル

2007年06月30日

前の記事：Movable Typeでabbr（略語）を自動で挿入するプラグイン
次の記事：Movable Typeで関連記事を表示するプラグイン

関連記事

• amazonライクにぐるぐる回るJavaScript「3D Image Carousel」
• [mootools]MooTips
• [jQuery]clueTip
• [jQuery]jTip
• [jQuery]levTip

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」