マウスオーバーでポップアップテキストを表示する方法
- 画像の任意座標にマウスをもっていった際に、マウスより少し上の位置にテキストをポップアップ表示する方法について教えてください。
- テーブルで分割されていないイメージ内の特定の座標にマウスを合わせると、その座標と少し上の位置にテキストが表示される仕組みを作成したいです。
- マウスオーバー時にテキストをポップアップ表示し、マウスアウトでテキストを非表示にする方法を教えてください。
- ベストアンサー
画像中のある座標でマウスオーバー時にポップアップテキスト
画像の中の任意座標にマウスをもっていった時に、マウスより少し上の位置に説明文等のテキストをポップアップ表示させ、マウスアウトでポップアップ表示を消すのに何か良い方法はありませんか？ 画像はテーブルで分割していない一枚のイメージで”画像の中のある場所”はランダムです。 表示イメージはこんな感じ ●：画像中の任意の座標 -------------------------------- ｜ ● ｜ ｜ ココに説明文をポップアップ表示 ｜ ●＜-（マウス） ｜ ｜ ● ｜ ｜ ● ｜ --------------------------------
- sisyou
- お礼率60% (59/98)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
たしかにネスケでは表示されませんでしたね・・・ では、スタイルシートではどうでしょうか？ 下記ページの一番下の記事を参考に！
その他の回答 (1)
- Struts
- ベストアンサー率48% (29/60)
<MAP>タグの<AREA>タグのALT属性ではどうでしょうか？ 確認していないので間違ってたらすみません。
補足
ああっ！ その手がありましたね！ ありがとうございます。Strutsさん で、早速やってみたら求めている動きをしてくれたのですが、それはIEだけでした。 Netscapeではテキストがポップアップ表示されませんでした。く、くやし～。 やはりJavaScriptを使わないといけないのでしょうか。
関連するQ&A
- テキストにマウスオーバーでポップアップを表示させるには・・・
よくサイトで見かける、テキストにマウスオーバーでポップアップを表示させたいのですが、どうやったらいいのでしょうか？テキストにマウスが重なると、詳細などが簡単な説明できるようにしたいんです。 使っているソフトはDreamweaverです。宜しくお願いします。
- 締切済み
- その他([技術者向] コンピューター)
- マウスオーバーでポップアップ画像を出したい
サーチして沢山のサイトを見たのですが、どーーーーーーーしてもわからないので質問させてください。 サイトにある画像Aにマウスオーバーすると画像Bというのがポップアップで表示されるようにしたいのです。 どうやらjavascriptの方法とCSSの方法があるような感じなのですが、どーーーーーーーしてもわからないのです。。。 具体的にJavascriptでこう書いて入れてhtmlでこう書くんだよ、 とか CSSにこれを追加してhtmlにはこう書くんだよ とわかりやすく教えていただけると助かります。 どうぞよろしくお願いいたします。
- 締切済み
- HTML
- ボタンにマウスがかさなるとポップアップ表示
ボタンにマウスがかさなると説明文をポップアップ表示させたいのですが。参考サイトお教え下さい。 （できればjavascriptは使いたくないのですが）
- ベストアンサー
- HTML
- ＣＳＳで画像とテキストのポップアップをマウスオーバーで実装するには？
CSSを使ったポップアップで苦戦しています。マウスオーバーで画像を表示したりやテキストボックスを表示するCSSは出来るのですが、画像とテキスト両方を表示する方法がわかりません。やはりjavascriptを使用したlightboxなどを使わないと難しいのでしょうか？表示する内容は映画の写真とその関連情報（監督や配給会社など）で写真１枚、テキスト１０行くらいをコンパクトにまとめる形です。フラッシュは使用しません。何卒よろしくお願いいたします。
- ベストアンサー
- HTML
- イメージマップでマウスオーバーするとポップアップ
いつもお世話になっております。 地図の画像をイメージマップにして、地図の各ポイントをマウスオーバーすると画像が横に出る というものを作りたいのですが、可能でしょうか？ 調べたのですが「イメージマップにマウスオーバーで説明文を出す」や 「リンクにマウスオーバーで画像を出す」というものしか見つかりませんでした。 javascriptオフにも対応するためCSSで実現できないかと考えているのですが方法を教えて頂けませんでしょうか？ 宜しくお願いいたします。
- 締切済み
- その他（プログラミング・開発）
- マウスオーバーで複数の画像を表示したいです。
マウスオーバーで複数の画像を表示したいです。 マウスオーバーで複数の画像を任意の場所に表示して、 マウスアウトでそれぞれの画像を非表示にしたいです。 やりたい事は ■にマウスオーバーすると□が表示され、□をどれかマウスオーバーしても、□の画像３枚全部とも表示は続いてほしいです。■と□のどれかからマウスアウトすると非表示にしたいのです。 ■ □ □ □ よろしくお願いします。
- ベストアンサー
- JavaScript
- thickboxを使って画像をポップアップするようにはできておりますが
thickboxを使って画像をポップアップするようにはできておりますが、ブラウザを切替せずに、任意の場所に画像を切り替えていくようにするのはどうすれば良いでしょうか？ 最初に画像が表示されていて、その下にサムネイル画像が並んでいてマウスを置くと 最初に画像が表示されている場所に画像が切り替わっていくものです。 別途拡大表示もできれば幸いです。 thickboxをこのまま使用して+αでできれば幸いですが、それ以外で良い方法があれば 問題ございません。 みなさまよろしくお願い致します。
- ベストアンサー
- JavaScript
- ポップアップ？ をコピーしたい
ＨＰなどで、文字にマウスを当てると出てくる説明文みたいなものを、コピーする方法はありますか？ もしくは、ポップアップをそのページ内で全表示できるような仕組みはありませんか？
- ベストアンサー
- その他(Windows)
- ポップアップを出ないようにしたい。
マウスを重ねると説明を表示（ポップアップ）しますが、これが邪魔になって隣のアイコンが見にくくなるのでなんとかして出ないようにしたいです。フォルダとかファイルに出る表示は、「ツール」→「フォルダオプション」→「表示」から「フォルダとデスクトップの項目の説明をポップアップで表示する」のところのチェックをはずして出なくすることはできたのですが、タスクトレイとかタスクバーなどのアイコンにマウスを重ねると出るのがどうしても消すことができません。どこにも一切出なくする方法はあるのでしょうか？
- 締切済み
- Windows XP
- ポップアップでX固定Yマウス座標により変化
http://www.west-mira.jp/javascript/etc/PointMenu.html のサイト様のスクリプトを使ってポップアップを掲載しています。 で、高さ（Y）はマウスの座標により、変化したいのですが 横（X）は固定がいいんです。 で、いろいろといじってみたんですが、できなかったので質問です。 Xは固定でYはマウスの座標により変化するスクリプトを教えてください。（上記サイトを元にお願いします
- ベストアンサー
- JavaScript
お礼
なるほど"TITLE"属性なんてものがあったのですね。 これでネスケでもポップアップテキストを出すことができました。 どうもありがとうございました！