フェードイン、アウトする吹き出しjavascript

PHPSPOT開発日誌の2008年6月9日のブログ記事 アニメーションする2KBの軽量ツールチップJS で紹介されていたのは LEIGEBER web development blog の2008年6月4日の記事 Fading JavaScript Tooltips 2kb にて公開されている僅か2kBの容量でフェードイン、フェードアウトするツールチップを実現するjavascriptの、 開発者によるデモ を参照すれば小洒落た感じで、HTMLソース上の表示場所其の物に表示ソースを画像迄含めて表記可能である様なれば、 早速当ブログでも実装させていただきましたのが、下にて、 アーティクルに直接アクセスされている方以外は、 タイトル若しくは[続きを読む]をクリックしてご覧いただきたいと思います。
PHPSPOT開発日誌ではソースが整っている為参考にし易い旨、 記述されておりますので、ご自身でjavascriptを作成される方にも役に立つかも知れません。
スポンサーリンク
枠内の下線の施された部分にオンマウスするとツールチップが表示される筈です。

このjavascriptを使用した面白い機能はインラインで表示したいソースを入力できるので 納得 で、随分便利です。
一般的な使用と想定されるオンマウスで 説明文章を記載したテキストを表示 するツールチップの表示には、 勿論何の問題も無く表示してくれるかと思います。
インラインで入力するソースはイメージタグも有効なので「うさ犬ファミリーが揃って クリスマススキー と洒落込んだ純白のゲレンデは少し様子が違うゲレンデは甘い香りの漂うその大きな大きなクリスマスケーキ、大きな苺を見つけたはなまるはスキーどころではないようです。」 と云う様に、画像をツールチップ内に表示する使用法も可能です。

スポンサーリンク