skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

リンクなどに吹き出し説明を加える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で関連記事を表示するプラグイン