リンクの説明の入れ方

質問

はじめましてsako77と申します。
タイトルの通りＨＰのリンクに説明を入れたいと考えていますが、やり方が分からないので質問します。

具体的には画像ファイル（リンク）の上にマウスカーソルが来た時、ある特定の場所にリンクの説明をテキストで表示させたいと思ってます。
もちろん登録する前に過去の投稿を調べてみましたが画像ファイルではなく、テキスト（リンク）で書かれてました。私にはそれをうまく変更して使う事ができなかったのでこの場を借りて質問します。
何卒よろしくお願いします。

回答No.2

ngsvx · ベストアンサー

この質問はＪＡＶＡとは関係ないですね。

次回からは、カテゴリーを正しく選択してくださいね。

で、質問の件ですが、ダイナミックＨＴＭＬという技術を使うことになります。

１．メッセージを表示するタグにidを付加する。

　　<table><tr><td id="target">　</td></tr><table>

２．カーソルを検知するタグに、イベントを付加する。

　　<img src="xxx.gif"　onMouseover="target.innerText='これはxxx.gifです';">

３．メッセージを消したいときは、消すためのイベントも付加する。

　　<img src="xxx.gif"　onMouseover="target.innerText='これはxxx.gifです';"
　　　　　　　　　　　　onMouseout="targer.innerText='';">

注１）これはｉｅ用です。
注２）メッセージにＨＴＭＬタグを含める場合は、innerTextではなくinnerHTMLを使ってください。

お礼

質問するところを間違えてすいません。
大変参考になり、おかげさまで出来ました。
ありがとうございました。

回答No.1

noname#21343

＞ある特定の場所

－－ってのはどこなんでしょ？

例えば goo/OKWeb のロゴ画像上にカーソルを持っていったときに、そのロゴの部分にテキストを表示させるのは

＃goo の場合は「goo」と、
＃OKWeb の場合は「OKWeb Standard Logo」と表示されます。

<a href="hoge.html"><img src="hoge.jpg" alt="hoge"></a>

－－ですね。質問の意味を取り違えていたらご勘弁。

お礼

説明不足ですいません大変参考になりましました。
ありがとうございました。

補足

すいません。説明不足でした。
特定の場所というのはロゴの上に出るものではないです。
例えば、ＯＫＷＥＢのロゴの横にテーブルタグで表を一つ作っておいて、ロゴ上にカーソルが移動したときに表に表示してほしいのです。
お手数おかけましてすいません。
よろしくお願いします。