WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:マウスオーバーで任意の位置にテキスト表示

0:[投稿] 山川捨松 [2006/04/28 18:49 ] [環境:IE6,WinXP わかりません]

画像にマウスをあてると、任意の位置にテキストが表示されるようにするには、どうしたらいいのですか?

http://www2f.biglobe.ne.jp/~takan/javac/dhtml/ie/dh_link_info1.htm
これと似たような形なのですが、リンクをはらずに、更にマウスが離れてもテキストの表示が保持されるものを作りたいです。
また、表示されるテキスト中にアンカータグをもうけて、別のページにリンクさせることはできますか?

初心者ですが、ご回答の程よろしくお願いいたします。


1:[回答] m035 [2006/04/28 22:33 ][URL]

<span onMouseover="link_msg_show.innerHTML='JavaCの表紙へ戻ります。'" onMouseout="link_msg_show.innerHTML=''">
JavaC
</span>

<span onmouseover="document.getElementById('link_msg_show').innerHTML='<a href=\'http://www.google.co.jp/\'>Google</a>'">
Google
</span>
にし、spanタグの外側のAタグを消せばよろしいかと思います。
(もちろん、複数個同じものを並べるなら、関数を作って使いまわしたほうが楽になります。)
ただし、Aタグを無くすと、JavaScriptが無効の場合、リンク先に行けません。
CSSで下線や色を指定して、Aタグを残すように工夫したほうがいいでしょう。
(noscriptタグ内にAタグによるリンクを書いておく、と言う手もありますが、
innerHTMLに対応していないがJavaScript有効の環境もあるので)


2:[質問] 山川捨松 [2006/04/28 23:15 ]

m035さん、ありがとうございます。
おっしゃる通り、できました!

ところで、「Google」にマウスオーバーさせた際に、マウスカーソルを変化させることはできるでしょうか?
リンクをはらなくても、カーソルを通常のものから‘指’に変えたいです。
再三すみません。
お願いします。


3:[回答] m035 [2006/04/29 00:26 ]

http://www.tagindex.com/stylesheet/page/cursor.html


4:[完了] 山川捨松 [2006/04/29 00:53 ]

m035さん、どうもありがとうございました。

回答(必須): 状態:

お名前(必須):

URL:




[戻る]