人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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


●質問者: tono5652
●カテゴリ:ウェブ制作
✍キーワード:サンプルソース ヘルプ マウス マーク 作成
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● Mook
●20ポイント

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

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

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


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

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

◎質問者からの返答

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


2 ● sakrambom
●20ポイント

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

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

◎質問者からの返答

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


3 ● 敷守ほむら
●40ポイント ベストアンサー

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


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

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

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

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

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ