• ベストアンサー

カーソルが画像に触れたら文字説明がでる

HPを作成しているのですが、ある画像にカーソルが触れたら、コメント文が表示されるような(画像のある位置とは別のところに表示)ことはできるのでしょうか?どのようなタグを組めばよいのか、教えていただけないでしょうか。具体的なサンプルなど示していただけるとなお有難いです。 宜しくお願いいたします。

  • jils
  • お礼率17% (10/57)
  • CSS
  • 回答数2
  • ありがとう数6

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

  • ベストアンサー
  • gokuh_
  • ベストアンサー率39% (89/226)
回答No.2

コメント文はどの程度の文でしょう? 「簡単な」ものならばHTLMですぐ作れますよ。 例えば、このページ上のバーナー広告。 カーソルを持っていくと「Click Here!」等々の文字が表示されます。 <IMG SRC="*****.gif"> で画像が貼り付けられますが、このタグの後ろに <IMG SRC="*****.gif" ALT="Click Here!"> とALT="~"を入れるとその文字が表示されます。

jils
質問者

お礼

ありがとうございます。早速やってみました。助かりました。

その他の回答 (1)

  • zorac
  • ベストアンサー率20% (6/30)
回答No.1

こんばんは。 jilsさんのお望みの機能はJavaScriptで実現できると思います。 JavaScriptとかダイナミックHTMLとかのキーワードで検索すると、フリーのスクリプトが沢山ヒットすると思いますよ。 参考URLはJavaScriptの初歩から解説してくれて、サンプルもあって、なにより見ていて楽しい、おすすめサイトです。

参考URL:
http://www2s.biglobe.ne.jp/~club_tom/index.htm
jils
質問者

お礼

参考URLありがとうございます。 非常に面白くて有益な内容で役立ちました。

関連するQ&A

  • 画像に触れたらテキストがでるようにするには?

    HPを作成しているのですが、ある画像にマウスが触れたら、コメント文が表示されるような(画像のある位置とは別のところに表示)ことはできるのでしょうか?どのようなタグを組めばよいのか、教えていただけないでしょうか。

    • ベストアンサー
    • HTML
  • マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示する

    マウスカーソルを画像や文字に重ねるとカーソルのすぐ右下に画像を表示するようにしたいのですが、どのようなHTMLタグやjavascriptを使えばいいですか?

  • HP中にカーソルを当てると説明文が出るのを作りたい

    よくHPで、カーソル当てると説明文みたいなのが出てくるサイトがありますよね?あれを作りたくて四苦八苦してます。DHTMLという技術らしいって事はわかったのですが、検索してみると、ものすごい量のサンプルが出てきて、なかなかお目当てを見つける事が出来ません。(初心者は入っていきづらい感じ・・) どなたかスパっと「このタグでOKよん」と「そのもの」を教えていただける方がいましたらお願いします。 ものすごい勝手なお願いで申し訳ありませんが、よろしくお願いします。

    • ベストアンサー
    • CSS
  • ブログの画像にカーソルを当てると文字がでるように

    楽天のブログを使っています。 画像に説明文と言うか、画像の名前を表示させたいです。 HTMLタグをどこに入力すればいいのかわかりません、教えてください。

  • 画像にカーソルを合わせると別の場所の画像も変えたい

    ただいまホームページ作成中です。 HP作成ソフトを使わずに手打ち(メモ帳)で作っています。 画像にカーソルを合わせるとその部分を別の画像に切り替える方法 (アイコンボタンの色を変えるような方法)は分かったのですが、 同時に別の場所の画像も切り替えたいのです。 JavaScriptについて色々調べてみたのですが、 初心者なのでなかなかうまくいきません。 よろしくお願いします。

  • 画像にカーソルを載せると文字(説明が表示される方法)

    お願いします。 リンク文字にカーソルを載せると説明が現れるのは下記のような感じでしょうが <span title="マウスのカーソルが重ねると表示される文字">ここだよ</span> これを画像表示の上にカーソルをさすと説明が現れるのはどうすればよろしいのでしょう?

  • カーソル当てると説明文出るようにしたいんです。

    CSSで今HP作っています。 カーソルを当てると説明文が出るようにしたいのですが どういうタグをCSSで作ったら良いか分かりません。 <alt="○○">や<title="○○">で出るような窓ではなく 自分で[好きな背景色]にしたり出来る説明窓を作りたいのです。 例えば http://myako.net/linkjs.html ここのようにしたいのです。 あるHPのソースを見たら <span id="txt1" style="display:none;position:absolute; border:3px solid #006633;color:#ffffff;background-color:#000000;">○○</span> となっていたのですがこれを記入しても文字が出てきませんでした。 何をどう記入し作ったら良いのか分からないので 作成法を教えてください。 または方法を教えてくれているサイトがありましたらを教えてください。

  • 文字・画像の位置の指定

    こんばんは。HPを作成しようと頑張っている者です。 文字や画像を「center」などの決められた位置じゃなく、好きな位置に指定し、さらに動かないように固定したいのですが、CSSでのタグがいまいち分からなくて困っています。どなたか教えてください!初心者のため、詳しく教えてくださると嬉しいです。

  • カーソルをGIF画像で。

    HP作成をしていますが、カーソルを自分で作ったGIF画像に変えること ができないかなっと、思い質問しています。 ご協力お願いいたします。

  • カーソルを変える

    ブログのページ内でカーソルの形状を変えたいと思っています。 別に画像に差し替えたい訳ではないので、 <!-- body{ cursor:hand } --> を打って常にページ内ではカーソルをhandの形にすることは出来ました。しかしあとはこのhandカーソルを透過したいのですが、調べてみたらテーブルを透過するタグしか出てきませんでした;↓ <SPAN style="background-color:transparent;"> カーソルも↑の透過させるタグみたいのはあるんですか?

    • ベストアンサー
    • HTML