onMouseを利用したヘルプを作成したいと考えています。

?マークの画像を用意して、その上にマウスが乗ると、ヘルプ内容が表示され、マウスが外れるとヘルプ内容が消えるというようなものです。
サンプルソースをいただきたいと考えています。

回答の条件
  • 1人2回まで
  • 登録:2007/11/06 21:39:04
  • 終了:2007/11/10 22:55:10

ベストアンサー

id:tail_furry No.3

敷守ほむら回答回数74ベストアンサー獲得回数72007/11/07 11:35:26

ポイント40pt

バルーン(バルーンツールチップ)


動いているサンプル(英語):Balloon tooltip

ダウンロード先(英語):Balloon tooltip

設定方法: 寺子屋未満: 最新Web情報をコツコツお届け

カスタマイズ:吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]

id:tono5652

おー、まさにこんな感じのものです。参考にしました。どうもありがとうございます。

2007/11/10 22:54:36

その他の回答(2件)

id:Mook No.1

Mook回答回数1312ベストアンサー獲得回数3912007/11/06 21:52:21

ポイント20pt

ご希望のものはツールチップと呼ばれるものでしょうか。画像であれば、

<img src="sample.gif" title="説明">

のように、title タグで記述されたものが表示されます。


そのほかのデータに関しては、下記のサイトにさまざまなケースでの実装方法が掲載されていますので、参考になるかと思います。

http://www5c.biglobe.ne.jp/~horoau/html/tool_tip.html

id:tono5652

ツールチップとはちょっと違うんですが、参考になりました。

2007/11/10 22:54:07
id:sakrambom No.2

sakrambom回答回数517ベストアンサー獲得回数212007/11/07 01:41:01

ポイント20pt

オンマウスで指定した場所にヘルプ内容を表示する方法

http://lll.s21.xrea.com/m/link/32.html

オンマウスでテキストエリアにヘルプ内容を表示する方法

http://lll.s21.xrea.com/m/link/31.html

オンマウスで画像としてヘルプ内容を表示する方法(はてなマークの画像が、ヘルプ内容の画像に変わる場合)

http://hapilabo.blog86.fc2.com/blog-entry-16.html

id:tono5652

参考にしました。どうもありがとうございます。

2007/11/10 22:54:45
id:tail_furry No.3

敷守ほむら回答回数74ベストアンサー獲得回数72007/11/07 11:35:26ここでベストアンサー

ポイント40pt

バルーン(バルーンツールチップ)


動いているサンプル(英語):Balloon tooltip

ダウンロード先(英語):Balloon tooltip

設定方法: 寺子屋未満: 最新Web情報をコツコツお届け

カスタマイズ:吹き出し方式のツールチップテキスト作成JavaScriptライブラリ[to-R]

id:tono5652

おー、まさにこんな感じのものです。参考にしました。どうもありがとうございます。

2007/11/10 22:54:36

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません