前の記事 ≪:ひっかき傷で描かれたようなおどろおどろしい日本語フォント「怨霊...
次の記事 ≫:PHPでPGPを使う方法

吹き出し方式のツールチップテキスト作成JavaScriptライブラリ

2006年06月06日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

wg:Bubble Tooltips

Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page.

吹き出し方式のツールチップテキスト作成JavaScriptライブラリ。

次のような吹き出し方式のツールチップテキストを作成できます。



次のようなJavascriptコードを書いておき、

<script type="text/javascript" src="BubbleTooltips.js"></script>
<script type="text/javascript">
window.onload=function(){enableTooltips()};
</script>

アンカー<a>タグのtitleに吹き出したい文字列を次のように書いておけばよいっぽいです。

<a href="http://pro.html.it/" title="Pro, the italian webdev portal I write for">Pro</a>

※当然、JavaScriptとCSSを読み込んでおく必要があります:-)

関連の記事検索:JavaScript, Ajax, CSS, ライブラリ, チュートリアル, デザイン
スポンサード リンク

By.KJ : 2006年06月06日 09:05 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)