• ベストアンサー

吹き出しのソースをおしえてください。

XHTML strict1.0です。 色々なやり方があるとおもいますので、色々な作り方があるなら、 是非教えてください。 マウスがイメージの上にきたら、吹き出しを表示する。 吹き出しの中に文字も入力でき。 お手数ですが、お願いします。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

その他の回答 (2)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.3

質問者様のスキルが解らないので、失礼かもしれませんが、 まず、HTML、CSS、Javascriptの基本的な知識を十分習得しましょう。 特にDOMとかAJAXとかの意味がある程度理解出来るようになってください。 その上で、  目的が学習にあるのなら ここのカテゴリーやHTMLのカテゴリーの過去の質問をあさってみればヒントになりそうな投稿が必ず見つかるので、こつこつと簡単な物から作って見ればよいと思います。  そうは言っても、かっこいいのを初心者が作るのはたいへんだし、 面倒くさいので、そおいう時は、プロフェッショナルな方々が作られた javascriptライブラリーを使ってしまいましょう。 javascriptライブラリーといってもたくさんありますが、 有名どころからご希望の機能の物の一例を挙げるなら -LightWindow http://www.stickmanlabs.com/lightwindow/ -jQuery UI Dialog modal http://jqueryui.com/demos/dialog/#modal なんてのがよさそうな... これらのページの英語を読んでわけが解らなければ、とりあえず あきらめて基礎を勉強しましょう。

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

漠然と「吹き出し」といっても、「吹き出し」自体いろいろなタイプ があり、それぞれに実現方法もたくさんありすぎます。 「javascript 吹き出し」をキーワードにGoogle検索でもして、 自分の用途に合った物を探した方がよろしいかと。

fuzy_fuzy
質問者

補足

すみません。この内容ではわからないですよね^^; 実際にはイメージの上にカーソルが載ると、バックが半透明で 文字が表示される吹き出しが、作りたいのですがわからないので 参考になるようなソースがあれば、教えてください。 やりたいことは、イメージの説明を吹き出しで説明したいんです。 javaでなくてもなんでも、かまわないのですが・・・ お願いします。

関連するQ&A

  • 吹き出しの作り方

    XHTML Strict で作成 JavaScriptやCGIやPorlほとんど使った事がない、初心者です。 グーグルマップのような吹き出しを作りたいのですが、やり方を教えてください。 具体的にはイメージの画像の上に、マウスポインタがきたら半透明の背景にそのイメージを詳細や説明文を載せたいのですが、どのようにすればできるでしょうか?お願いします。

    • ベストアンサー
    • HTML
  • 吹き出しにめいっぱい文字を入力するには?

    よろしくお願いします。 Word2002です。吹き出し(雲とか星のようなギザギザ)に目いっぱい文字を入力するにはどうすればよいのでしょうか?オートシェイプで吹き出しを選択し、その中に、テキストボックスで入力するのですが、そうすると文字は小さいし、空白がいっぱい出来ます。吹き出しの中を目いっぱい文字入力する方法をお教え願います。

  • ホームページ作成 吹き出しについて

    私は、ホームページビルダーを使用して、ホームページを作っています。 そこで教えていただきたいのですが、マウスを文字の部分に当てると吹き出しでそこの部分の内容を示したいのですが、どうすれば出来るのでしょうか? よろしくお願いします。

  • ドコモスマホ 待ち受け画面の吹き出しって何ですか

    気になったので質問させてください 吹き出しが表示されているのですが何の表示なのでしょうか? 機種:スマホ エクスペリア 待ち受け画面の上の方に吹き出しが表示されています その吹き出しには文字が2から3列くらいあり(結構長文っぽい)ハートマークもありました これはSMSやドコモメールの一部でしょうか? インフォメーションかなとも思いましたが、ここまで長文になったりハートマークが入るインフォメーションってありますか?

  • 漫画の吹き出しについて

    漫画の吹き出しのなかのせりふは、パソコンで打った文字ですが 何でどうゆうふうにいれてるのでしょうか?

  • テキストボックスの上にマウスを乗せたらコメントや吹き出しを表示させたい

    タイトルどおり、テキストボックスの上にマウスを乗せたら コメントか吹き出しなどを表示させたいのです。 可能ですか?どなたか教えて下さい。

  • ワード・エクセルで吹き出しがでません。

    正式名称がわからないのですが、ツールバーのボタンの上にマウスポインタを合わせると、吹き出しになってボタンの名称が出ますよね。 きがついたら出なくなっちゃったんです。 エクセルでオートフィルしてるときにも、 操作と一緒に「日、月、火・・・・」と吹き出しのようなものが出なくなりました。 どうしたら直せますか? ご存知の方、よろしくお願いします。

  • ファイル名にマウスを当てると出る吹き出し

    こんばんは。 ファイルやフォルダのアイコンの上に、マウスを当てると出てくる吹き出しはなんというのでしょうか? この吹き出しに出てくる情報を、ファイル名にコピーしたいのですが、いい方法はないでしょうか? なかなか検索でも出てこないので、こちらでお伺いしたいのです。 ご存じの方よろしくお願いします。

  • 自動的に吹き出しの幅を変更するには?

    画像で吹き出し枠をつくり、その中にテキストを表示させたいです。 吹き出しを、それぞれ上下左右と斜め部分を8分割に切って.gifにしてフレームに配置させ、その真中にテキストを流し込むことぐらいしか思い付かないのですが、その方法だと、閲覧者が文字サイズを変更するとレイアウトが崩れますよね。 いっそ、全て画像にしてしまえばいいのでしょうが、出来れば吹き出しは吹き出しで、テキストはテキストとして存在させたいです。 (ある程度)文字サイズを変更しても吹き出しの線が自動的に伸びて(縮んで)くれるようにする方法はないものでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 各ブラウザでテキストリンクにオンマウスで吹き出しが出る方法を教えてください

    テキストリンクにカーソルを合わせるとポップアップヘルプがカーソルのすぐそばに出るようにしたいです。ちょうど以下のサイトのようにしたいです。 http://javascript.eweb-design.com/1003_puh.html なおこのサイトを参考に作りましたところ、safariでは動きますがfirefox(macですが)では動きません。またヘッダーのところの <HTML> を <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> に変更したところ、ヘルプのメッセージがカーソルの近くに来ず、左上に表示されます。 原因がよく分からないで困っております。 どなたか教えてください。

専門家に質問してみよう