専門家に聞いた!繰り返す痔の原因は!? >>

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

このQ&Aに関連する最新のQ&A

A 回答 (4件)

TITLEという属性を使用すると、ご希望どおりの動作ができると思います。


ただのテキストなら
<DIV TITLE="例1テキスト">例1</DIV>
リンクなら
<A HREF="hoge.html" TITLE="例2リンク">例2</A>
という感じです。

もし、背景に色をつけたり、複数行の文字列を表示させたい!
思い通りのレイアウトで表示させたい!ということでしたら、
JavaScriptを使用する事になります。
その時は、また言ってくださればアドバイスさせていただきますね。
頑張ってください。
    • good
    • 1
この回答へのお礼

ありがとうございますぅぅぅぅ(T-T)。で、で、出来ました!
初心者でも、諦めちゃダメですね。
↓の2人の方のも懸命に試して見ましたが、やはりタグのシステムがイマイチ
わからなくて応用が利かず、エラー出まくりでした・・。(^^;)
本当は思い通りのレイアウトで・・・という事もやりたいのですが、
やはりまだJavaScriptは難しいかも知れません。親切にありがとうございます。
今回は、これで満足です♪ホントにありがとうございました。

お礼日時:2001/10/04 21:24

ALT系はリンクテキストには効かないと思います。


なんでjavaScriptを組む必要がありますね。
お力になれずすみません。
    • good
    • 0
この回答へのお礼

いえいえ、ありがとうございました。技術がない為、苦労しましたが。(笑)
結果的には上の方の方法で入れる事が出来ました。
またの機会があったら、よろしくお願いしますね♪

お礼日時:2001/10/04 21:23

ひょっとしてALTの事ですか?(違ったらごめんなさい)


例えば画像で、
<IMG BORDER=0 SRC="Pin_05.gif" ALT="ぴんだよ。">
とやれば画像にマウスを持っていくと説明文が出ます。

この回答への補足

早々に回答、ありがとうございます。
こ、これですぅぅ!ズバリそのものです!なんですが。
あと一回だけ質問させて下さい。
画像じゃなくて、テキストにリンク貼っているんですけど、
そこをクリックしようとした時、詳しい内容を↑のように表示したいと
思ってるんです。
↑のテキストバージョンを教えていただけたら助かります。
(何しろHPビルダーで作成してる初心者なので
テキストそのものに疎くて・・。ホントお手数かけます。)

補足日時:2001/10/04 15:09
    • good
    • 0

JavaScript でもできますよ。



検索すればいくらでもサンプルはありますが、例えば参考URLのものはいかがでしょう?
この中の、

 マウスを重ねると説明を表示(テキストボックス)
 マウスを重ねると説明を表示(ステータスバー)
 マウスを重ねると説明を表示(テキスト)
 マウスを重ねると説明を表示(ポップアップ)

などが使えるのではないでしょうか?
それぞれのリンクをクリックすると、サンプルコードが表示されます。

参考URL:http://www.sumnet.ne.jp/domp/jsbs/
    • good
    • 0
この回答へのお礼

私のレベルが低すぎて、ついてゆけませんでした。(泣)
でも教えていただいたサイトは、お気に入りに保存しました。
いつかレベルが上がったら、挑戦してみますね♪ ありがとうございました。

お礼日時:2001/10/04 21:22

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qカーソルを合わせると説明を表示させたい。

よくサイトのページで、カーソルを合わせるとリンク先の説明が表示されるような仕掛けがありますが、
あれの応用で、カーソルを合わせるとリンクはなく、説明だけが表示できる仕掛けを作りたいと思っています。
画像なら、代替テキストで可能ですが、テキストで行いたいのです。

 こういう仕掛けはできるのでしょうか?

Aベストアンサー

TITLE=
を使ってみてはいかがですか?
以下はサンプルですので、コピペしてみてください。

<HTML>
<BODY>
これが<SPAN TITLE="説明文
改行だってできます。
いかがですか?">サンプル</SPAN>です。
<BODY>
</HTML>

Qカーソルを合わせると文字が出るようにしたいです。

こんばんは、いつもお世話になっております、四君子と申します。
リンクや画像などに、カーソルを合わせると、文字で説明が出てくるようにしたいのですが、どうしたらできるでしょうか?
ホームページビルダー7を使っています。
どうぞ、よろしくお願いいたします。

Aベストアンサー

title属性を使って下さい。

参考
http://www.tagindex.com/html_tag/attribute/title.html

参考URL:http://www.tagindex.com/html_tag/attribute/title.html

Qカーソルを当てると説明の枠と文字が出ますね

カーソルを当てると説明の枠と文字が出ますね。それは何と言いますか。どうやって作りますか。

Aベストアンサー

 こんばんは。

 「バルーン」のことでしょうか?

 例えばエクセルでしたら、「表示」>「コメント」で枠が出来ます、そこに説明を書き込み、後は「コメント」をもう一度押せば隠れますし、また押せば現れます。

Qこのサイトみたいに文字にカーソル合わせたら吹き出しで文字を出す方法

すいません教えていただきたいです。

http://get.live.com/WL/config_all

このページのように、文字にカーソルあわせたら吹き出しみたいに出てくるようにしたいです。
ホームページ作成ソフト『NINJA 9』というのを使っていますが、
HTML挿入できるので可能かなと思います。
どうかやり方を教えていただきたいです。。
調べてもキーワードが何かよくわからなくて、、
「吹き出し HTML」とかでは出てきませんでした。
専門用語があるのかもしれません。

同かよろしくお願いします。m(_ _)m

Aベストアンサー

少し調べたところ、あれこれポップアップの他には
Sweet Titles Finalized
http://www.dustindiaz.com/sweet-titles-finalized/
Nice titles
http://www.kryogenix.org/code/browser/nicetitle/
などがあるみたいですが、国内ではちょっと見つかりませんでした。

あ、ちなみに一番シンプルで簡単なのは
<span title="hogehoge">こんなかんじ</span>
ですが、これじゃシンプルすぎますかね。

あれこれポップアップの使い方を説明するにはスペースが足りないので
付属のsample.htmlや他の人のblogとか見てみて下さい。

Q文字列とか画像にカーソルが行くと「ふきだし」を出したい

お世話になります。カテゴリはここで失礼します。ホームページ・ビルダー10を使用中。

XPの画面左下には「スタート」なるアイコンがあります。ここにカーソルを移動すると[このボタンから始めます]なる "ふきだし"(と言うのでしょうか?)が出ます。デスクトップの「ごみ箱」では[削除したファイルやフォルダが含まれます。]と出ます。

HPでこれと同じ動作をさせたいのです。指定した文字列とか画像(イメージマップも含む)の "リンク先" として "ふきだし文" を指定する・・・なんて事ができたら言うことなしですが。

ネット検索しても、「ふきだし」なる単語が不適切なせいか、ヒットできません。よろしくご教示ください。

Aベストアンサー

タイトル・ダグ
http://www.tohoho-web.com/html/attr/title.htm


リンクの場合は、■■■にふきだし内容を書いてください。。。
<a href="http:●●●.html" title="■■■">

Q画像にマウスを乗せると文字がでるようにしたい

ネット初心者です。

ブログの画像などにマウスをあてると
簡単なタイトルや文字が表示されるようにしたいのですが
どうやったらよいのでしょうか。

時々お伺いしてるブログには
ネコちゃんの写真がよく載ってて
写真の上にマウスを乗せると
ネコちゃんの気持ちが一言表示されてとても楽しいので
私もやってみたいのです。

よろしくお願いします。

Aベストアンサー

すでに回答されている人の補足になりますが

<img src="画像URL" alt="ここに文字" title="ここに文字">

titleにも同じ文字を入れてた方がいいです。
IEではaltの値が表示されますが
FirefoxやSafari、Operaはtitleの値が表示されます。

参考URL:http://higash.net/20081120/alternate-2.html

Qカーソルを合わせるとメニューが出てくる仕掛け

よく見かけるものです。ウインドーズでいうなら、すべてのプログラムにカーソルを合わせると、自然と横にメニューが出てきますよね?

そんな感じで、カーソルを合わせると、メニューがぶら下がるような感じで出現してくる仕掛け、あれのタグの打ち方を教えてください

Aベストアンサー

javascriptのものは
http://mugi.cc/muginavi/

フラッシュなら
http://www.flash-bucks.com/flash/menu/m07/index.html
http://www.condo.fromc.jp/flash/memo/index.html
http://www.lilac.cc/~speed1/fmenu/index.html

「フラッシュ メニュー」で検索

Qカーソルを合わせてイメージの説明文を表示させるには・・・

web担当者がいきなり退職することになり、後を引き継ぐことになりました。
困ったことに、まったくの初心者です。
とりあえず、自分のホームページを作ることから初めています。
ソフトはDreamweaverCS4を使用しています。
APエレメントでポップなイメージを貼付けし、またその上にAPエレメントでいくつかのお弁当の写真をレイアウトします。
質問したいのは、その写真の上にカーソルをもってきた時、カーソルの真横に、自動的にその写真の短い説明分が、表示される方法です。
プロパティの代替のことかと思い試してみましたが、
safariでプレビューするとまったく何も変わりません。
ブラウザによって、表示されなくなるのでしょうか。
テキストにはしたくないんです・・・。

後にも引き返せないし、前にも進めないし・・・
困っています。
どなたか、ご教授お願い致します。。。

Aベストアンサー

alt の目的は、画像が表示されない場合の代替え手段です。IE の場合ポップアップで表示するのが間違いです。正式には、title タグを利用します。

<img src="photo1.jpg alt="何々お弁当写真" title="特製焼き肉弁当">

と、alt と title を使い分けてください。

Dreamweaver を使うには、html(xhtml)タグ、及び CSS の基本を理解しないと難しいと思います。頑張ってください。

Qオンマウスで画像と説明文を表示する方法

画像ではなく文字のリンク先にオンマウスで画像と説明文を
表示したいと思っておりますが、タグが分からず困っておりますので教えていただければ光栄です。宜しくお願いいたします。

Aベストアンサー

<html>
<body>
<img src="" id="a1"><hr>
<div id="a2"></div><hr>
<a href="#" onMouseOver="chg('img0.jpg','なんと、もうしましょうか')">aaaa</a>
<a href="#" onMouseOver="chg('img1.jpg','あぁ~入院かぁ~')">bbbb</a>
<a href="#" onMouseOver="chg('img2.jpg','気が重いなぁ~')">cccc</a>

<script>
function chg(i,m){
document.getElementById('a1').src=i;
document.getElementById('a2').innerHTML=m;
}
</script>
</body>
</html>


人気Q&Aランキング