ベストアンサー

マウスでポイントすると説明を表示

2002/12/16 20:44

ＨＰを作り中なのですが、よく他のホームページなどでマウスをクリックしなくてもその場所へ持っていくだけでヘルプみたいに説明を表示できるようなページがあります。私もそれを作ってみたいのですが、私が持っている参考本には全然のっていません。もし知っている方がいらっしゃればやり方・できればサンプルなどを教えていただけたらうれしいです。簡単な感じでかまわないので教えてください。お願いします。

noname#3176

JavaScript
回答数5
ありがとう数6

みんなの回答 （5）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

0011Allen
ベストアンサー率56% (108/192)

2002/12/16 22:49 回答No.3

いちおうJavaScriptで・・こんなの参考にして下さい。 <HTML> <HEAD> <SCRIPT></SCRIPT> <STYLE></STYLE> </HEAD> <BODY> <A HREF="#" onMouseover="show('myLayer1')" onMouseout="hide('myLayer1')">ここにマウス</A> <DIV ID="myLayer1" CLASS="myStyle"> <H1> Hello!!</H1> </DIV> </BODY> </HTML>

質問者

お礼 2002/12/16 23:19

ありがとうございます。かなり参考になりました。これでなんとなくわかったような気がします。例えば、ふきだしみたいな感じで説明文を出すのは可能なのでしょうか？

ログインすると、全ての回答が全文表示されます。

その他の回答 (4)

IndigoChild
ベストアンサー率50% (5/10)

2002/12/17 10:47 回答No.5

ログインすると、全ての回答が全文表示されます。

0011Allen
ベストアンサー率56% (108/192)

2002/12/17 06:43 回答No.4

>ふきだしみたいな感じで説明文を出すのは可能なのでしょうか？その場合はまたチョット違って画像を使います。例として Fukidashi.gif -->吹き出しのコメントの画像 Space.gif -->吹き出しと同じサイズのブランクの透過Gif を用意して、こんなふうに。 <HTML> <HEAD> <TITLE></TITLE> <BODY> <IMG SRC="Space.gif" NAME="fukidashi"> <A HREF="#" onmouseOver="document.fukidashi.src='Fukidashi.gif'" onmouseOut="document.fukidashi.src='Space.gif'">ここにマウス</A> </BODY> </HTML>

ログインすると、全ての回答が全文表示されます。

Kamo-Kamo
ベストアンサー率46% (29/62)

2002/12/16 21:28 回答No.2

一番手抜きなところで、リンクを作る際の＜a＞タグにtitle指定をするという手があります。#1の方の回答のリンクタグ版といった感じでしょうか。 (なお、下のサンプルはタグ禁止対策として2バイト文字「＜」で囲んでいます) ＜a href=sample.htm title="サンプルページに飛びますよ"＞さんぷる＜/a＞こうするとマウスオーバーで指定した文字列が出ますよ。

質問者