こんな見せ方をするには、どうすればよいのでしょうか？

質問

http://www.post.japanpost.jp/cgi-deli/index.php
↑のサイトで検索した結果のところに、それぞれに対する［説明］の小さなボタンが出てきます。
それを押すと、吹き出しがぴこっと現れてテキストが表示されています。

これとまったく同じではなくてよいのですが……
こんな風に、ボタンをクリックして新しいウィンドウが立ち上がるのではなくて、吹き出しがぴこっと出るようにするには、どうすればよいのでしょうか？

これはスクリプトでしょうか？それとも、CSSだけでできるのでしょうか？

回答No.3

ann_dv · ベストアンサー

JAVAスクリプトですね。

参考URLのサイトはJAVAスクリプトのソースも同一ファイルに入って
いますので、ページを右クリックして「ソースの表示」から解析してみて下さい。

参考URL：

http://jun89.xdap.jp/index.html#

お礼

お礼が遅くなってすいません。
アドバイス、ありがとうございます。

ツールチップなので、私の希望する「ボタンを押す」タイプとは違いますが、今までさがしてきたなかで、一番求めているものに近いようです。

ありがとうございました！！☆彡

回答No.4

noname#56882

参考までにどうぞ。

「JavaScriptで吹き出し風のツールチップを作る」
http://www.skuare.net/test/BubbleTooltips.html
http://www.skuare.net/2007/11/javascriptbubble_tooltips.html

お礼

お礼が遅くなってすいません。
アドバイス、ありがとうございます。

これはかわいいのでやってみたのですが。。。
すべてに出てくるのでちょっと邪魔になってしまいました。
きれいでいいんですけどねぇ。

回答No.2

SAYKA

クリックして説明が出るんだからaltじゃないよ
それにNo1の言うやつは「ツールチップ」だと思う。しかもそれはaltじゃなくてtitle属性が正しい筈。

javascriptで難しい制御をしてるから簡単にはできないね。
似たようなのでこういうのならすぐ出てくるけど…
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/ArekorePopup.html

お礼

お礼が遅くなってすいません。
アドバイス、ありがとうございました。

（希望のものは）やはり、何かスクリプトで動いているのですね。
ツールチップ系しかないですかぁ。。。
ツールチップは見たくなくても出てきてしまうのがうざったいときがあるのと、リンク先のURLが出てしまうのが嫌で。
（URLが出ないようにするやり方もあるのかもしれませんが……）

でも、参考になりました。

回答No.1

Night-cafe

画像にalt属性を付けているだけですね。
http://www.tagindex.com/html_tag/img/img_alt.html

補足

回答ありがとうございます。
画像にalt属性をつけても、画像の近くにカーソルを持っていくと吹き出しが出るだけですよね。
（例にあげたページで言うと、［説明］ボタンのところにカーソルを持っていくと「説明」という吹き出しが出る）

質問がちょっと違っていて……
「ボタンを“押さなければ（クリックしなければ）”吹き出しが出ない」「ボタンを押すと、吹き出しが立ち上がる」という風にやるのはどうすればよいか、という質問なのです。