ツールチップを表示する

<html><head><title>ツールチップを表示する</title></head>
<body>
知りたい略語にマウスをあてると、正式名称が表示されます。<br>
<br>
・<span title="Portable Document Format">PDF</span><br>
・<span title="MPEG1 Audio Layer-3">MP3</span><br>
・<span title="Common Gateway Interface">CGI</span><br>

</body></html>

画像にマウスオーバーすると、altタグに設定している文言(ツールチップ)が表示されますが、titleタグを使えば、テキストにも表示することができます。

この例の場合、何もしない<span>に設定しましたが、<a>タグや<font>タグなど、いろいろなタグに設定することが可能です。

なお、ネスケでは無効ですが、ツールチップ内に改行を入れることもできます。
改行を入れたい場所に&#13;を入れます。
例)
・<span title="C…Common&#13;G…Gateway&#13;I…Interface">CGI</span><br>

ホームページ作成ガイド

© INFI

ホーム | サイトについて | サイトマップ

ホームページ作成ガイド