よく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
    • 0
この回答へのお礼

ありがとうございますぅぅぅぅ(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ベストアンサー

F11キーを押してください。

Qxhtmlとhtmlとdhtmlの違いとxhtmlの浸透度

xhtmlは次世代htmlですよね。
htmlはホームページ言語ですよね。
dhtmlってjavascriptを使ったhtmlですよね。
これであっていますか?

あとxhtmlってどの程度浸透しているんですか?
教えてください。お願いします。

Aベストアンサー

大体合っていると思います
XHTMLは、充分に浸透しているHTMLに対して
拡張可能で応用力の強い言語であるXMLを取り入れたものです
今後のWeb展開に於いては、XHTMLが浸透していく方向に変わりないと思うので次世代HTMLという位置づけでも問題ないと思います。
ホームページ言語といったものがあるのかは分かりませんが、HTMLはマークアップ言語といったものですね
ホームページ制作で使われるという事でのホームページ言語といった意味であればその通りです。

XHTMLがどれくらい浸透しているかという事ですが、これは何とも言えません
W3C(Web関連の標準化団体です)に勧告されたのが2000年で、現在までの間に確実に、HTMLからXHTML+CSSでのレイアウトという流れにはなっています
しかしウェブ上にある多くのウェブページはそれ以前に制作されたものです
企業でも、小さいウェブ制作会社さんなどは、HTMLメインで未だ続けている所もあったりしますし、
多くのコーポレートサイト(企業サイト)がHTMLやHTMLでのレイアウトのままおいてあったりします
なのでウェブ全体で言えば、まだまだHTMLで作られたサイトが多いと思いますが
今から勉強を始める方、ウェブデザインやコーディングを仕事にしている方などは、XHTML+CSSの理解を深めたほうがいいと思います。
私も今その段階です

大体合っていると思います
XHTMLは、充分に浸透しているHTMLに対して
拡張可能で応用力の強い言語であるXMLを取り入れたものです
今後のWeb展開に於いては、XHTMLが浸透していく方向に変わりないと思うので次世代HTMLという位置づけでも問題ないと思います。
ホームページ言語といったものがあるのかは分かりませんが、HTMLはマークアップ言語といったものですね
ホームページ制作で使われるという事でのホームページ言語といった意味であればその通りです。

XHTMLがどれくらい浸透しているかという事です...続きを読む

Q画面立ち上げ時 カーソルが出ない

windowas meのノートを使っていました。
画面を立ち上げたら、画面の絵や文字が拡大されていて、いくら動かしてもカーソルが現れません。
今は違うパソコンからアクセスしてますが、どうしたらよいのでしょうか?
教えてください。お願いします。

Aベストアンサー

多分、レジストリトラブルでしょう!

キーボードよりウインドウズキーを押し、
方向キー(↑)で「ファイル名を指定して実行」で
エンター、scanregw /restore(scanregwの後
ワンスペース)と入力しエンター、
「レジストリの復元」画面で
方向キーで正常だった最新の日でエンター
これで再起動がかかります

修復出来ると思いますが?

QDHTMLってHTML+JavaScript?

先日、ある会社の面接をうけてきました。DHTMLはできるかときかれ、聞いたことはあるけどその枠組みでやったことはないので、できませんと答えました。

家に帰ってしらべてみたところ、DHTMLとは、HTMLを動的にしたもので、基本的にHTML + JavaScriptがDHTMLともいえるような感じでかいてありました。

HTMLとJavaScriptは私ができる技術なのですが、この
二つができればDHTMLができるといってもよいものなのでしょうか?それともDHTMLはこの二つ以外の技術が関わっているのでしょうか?

Aベストアンサー

もともとはHTML+JScript(JavaScriptをもとにしたMicrosoft独自仕様の言語)のことですが、
現在は、HTML + JavaScript (+DOM) + CSSと考えて良いと思います。

DOMは、たとえばIEならdocument.allなどの書き方をしていたものを、様々なブラウザで統一させるものと考えてもらえれば良いと思います。
(実際にはもっとややこしいですが)

AjaxはJavaScriptの一部の機能プラスαですので、DHTMLの一部とも言えます。

> HTMLとJavaScriptは私ができる技術なのですが、この
> 二つができればDHTMLができるといってもよいものなのでしょうか?それともDHTMLはこの二つ以外の技術が関わっているのでしょうか?
出来るとも言えますし、出来ないとも言えます。
現在のDHTMLは、範囲がかなり広がっていますから。

http://e-words.jp/
http://ja.wikipedia.org/

Qツールバーにカーソルをポイントしてもヒントが出ない

エクセルの2000を使っていますが、標準ツールバーにある「上書き保存」のマークや「切り取り」などのマークの上にカーソルを置いてもヒントが出ません。
普通だったらどんなことが出来るのか、マウスポインタの下に文字が出ますよね?
すみませんが、ご回答よろしくお願いします<(_ _)>

Aベストアンサー

ツール-ユーザー設定-オプションタブ
ツールバーにボタン名を表示する のチェックを
オンにしてみてください。

QDHTML で Y回転とX回転を同時に行う、いわゆる3D回転のような方

DHTML で Y回転とX回転を同時に行う、いわゆる3D回転のような方法を御存知の方、おりませんか?

Aベストアンサー

 3D計算してるわけじゃないけど、2次元計算して楕円軌道上で画像を
動かせば、それっぽく見えるので、HTML5の<canvas>要素を使って
「ellipse_canvas.js」ってのを作ってみました。

IEはIE9でないと<canvas>要素が無いので、替わりに「Explorercanvas」

http://code.google.com/p/explorercanvas/
を使ってます。↑からexcanvas.jsをダウンロードして下さい。

HTMLマークアップは下のようにします。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Ellipse Slide Canvas By HTML5</title>
<style type="text/css">
</style>
<!--[if IE]><script type="text/javascript" src="/jslib/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="/jslib/ellipse_canvas.js"></script>
</head>
<body>
<h2 style="text-align:center">Ellipse Slide Canvas By HTML5 or IE(excanvas.js)</h2>

<div id="slide1">
<div></div>
<div>
<a href="/image/azu.jpg"><img src="/image/s_azu.jpg" alt="azu"></a>
<a href="/image/mio.jpg"><img src="/image/s_mio.jpg" alt="mio"></a>
<a href="/image/yui.jpg"><img src="/image/s_yui.jpg" alt="yui"></a>
<a href="/image/mugi.jpg"><img src="/image/s_mugi.jpg" alt="mugi"></a>
<a href="/image/ritu.jpg"><img src="/image/s_ritu.jpg" alt="ritu"></a>
</div>
</div>

<script type="text/javascript">
var my_slide_1 = new ellipse_canvas(document.getElementById("slide1"));
my_slide_1.ellipseSlide(100,100,200,1,1);
</script>

</body>
</html>

使い方は、ページロード後に、まずスライドセットの<div>要素を

var my_slide_1 = new ellipse_canvas(スライドセットの<div>要素,幅,高さ);

でインスタンスします。canvassの幅と高さは省略出来ます。省略すると自動
調整されます。

そして、
my_slide_1.ellipseSlide(interval,img_w,img_h,opacity,zoubun,a,b);
で、描画開始です。
 intervalは描画間隔(ミリ秒)
 img_w,img_hは画像の描画サイズの幅、高さ
 opacityは描画画像の透過度(省略値:1.0)
 zoubunは描画角度増分度(省略すると自動計算)
 aは描画起動長軸半径(省略するとcanvassの幅の半分)
 bは描画起動短軸半径(省略するとcanvassの高さの半分)
です。
※画像をクリックすると、本画像(リンク先)に遷移します。
※描画中にブラウザーのサイズを変更しても追随します。

出来たばかりなので、不具合があってもご容赦を

 3D計算してるわけじゃないけど、2次元計算して楕円軌道上で画像を
動かせば、それっぽく見えるので、HTML5の<canvas>要素を使って
「ellipse_canvas.js」ってのを作ってみました。

IEはIE9でないと<canvas>要素が無いので、替わりに「Explorercanvas」

http://code.google.com/p/explorercanvas/
を使ってます。↑からexcanvas.jsをダウンロードして下さい。

HTMLマークアップは下のようにします。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Ellipse Slide C...続きを読む

Q画像にカーソルをおくと左上に出てくるものを出ないようにするタグ教えてください!

よく画像にカーソルをおくと、
画像の左上に小さくでてくるもの
(クリックすると、画像を保存できたり、
印刷出来たり、メールで添付できる4つのものです)
を、出てこなくしたいのですが
その方法(タグ等)教えて頂けますか?
宜しくお願いします。

Aベストアンサー

1ページ分の画像のイメージツールバーを非表示する場合。
<HEAD>と</HEAD>の間に入れてください。
<meta http-equiv="imagetoolbar" content="no">

imgタグに直接入力する場合は
<img src="画像のファイル名" alt="画像の説明" width="横幅" height="縦長さ" galleryimg="no">

QDHTMLでテーブルの行の表示・非表示を切り替える。

こんにちは。

WEBアプリケーションのモックアップを作成しています。
自身はJava屋ですが、DHTMLに明るくないため、苦戦しています。

同一画面内のリンクがクリックされた場合に・・・
テーブルの行の表示、非表示を切り替えたいのです。


<!-- ========================= -->
<!-- テーブル1 -->
<table border="1">
<tr>
<td>ヘッダ1</td>
<td>ヘッダ2</td>
</tr>

<!-- ☆☆☆ ここから ☆☆☆ -->
<tr>
<td>111</td>
<td>aaa</td>
</tr>
<tr>
<td>222</td>
<td>bbb</td>
</tr>
<!-- ☆☆☆ ここまで消したい ☆☆☆ -->
</table>

<!-- テーブル2 -->
<table border="1">
<tr>
<td>ヘッダA</td>
<td>ヘッダB</td>
</tr>
<tr>
<td>あああ</td>
<td>いいい</td>
</tr>
</table>
<!-- ========================= -->


<tr>タグを<div>タグで囲んで、styleでhidden、visibleを切り替えようと考えましたが、<tr>に<div>タグが使えない事を知りました。

そこで、テーブル1を大きくテーブルで囲み、ヘッダとボディ部をセルに入れて、セルの表示・非表示を切り替えました。
これは上手くいったのですが、非表示にした場合、テーブル2との間は詰まるようにしたいのですが、もともと表示されていた分のスペースが出来てしまいました。

あまり、ロジックを組み込まずに作ろうと考えているのですが、上手い方法が思いつきません。
何か良い方法がありましたら、ご教授願います。


ターゲットのブラウザは…
IE5.5~IE7
です。

こんにちは。

WEBアプリケーションのモックアップを作成しています。
自身はJava屋ですが、DHTMLに明るくないため、苦戦しています。

同一画面内のリンクがクリックされた場合に・・・
テーブルの行の表示、非表示を切り替えたいのです。


<!-- ========================= -->
<!-- テーブル1 -->
<table border="1">
<tr>
<td>ヘッダ1</td>
<td>ヘッダ2</td>
</tr>

<!-- ☆☆☆ ここから ☆☆☆ -->
<tr>
<td>111</td>
<td>aaa</td>
</tr>
<tr>
<td>222</td>
<td>bbb</td>
...続きを読む

Aベストアンサー

<!-- ☆☆☆ ここから ☆☆☆ -->
<tr id=a1>
<td>111</td>
<td>aaa</td>
</tr>
<tr id=a2>
<td>222</td>
<td>bbb</td>
</tr>
<!-- ☆☆☆ ここまで消したい ☆☆☆ -->

消す時は
document.getElementById('a1').styla.display = 'none';
document.getElementById('a2').styla.display = 'none';
ってな感じ。

Qカーソルを近づけても表示が出ない

Microsoft Internet Explorerや、タスクバーのクイック起動アイコンにカーソルを近づけると、それが何なのか、黄色い帯の中に黒い字で表示が出ますが、Word2003, Excel2003, Outlook2003では、近づけても何も出ません。どうしたら、インターネットやタスクバーのように、表示が出るように設定できますか?

Aベストアンサー

WordやExcelのツールバーのボタンをポイントしたときに表示される吹き出しのことですね。
ユーザー設定のオプションで、「ツールバーにボタン名を表示する」のチェックが外れていると思います。チェックを付けてください。

Qサンプルソースをブラウザーに表示する手段

HTMLやjQueryのサンプルソースを紹介するのに、
画像のような状態のものをよく目にするのですが、
これは何か特別なライブラリーがあって、
それを設定するだけでこのような表示が可能なものなのでしょうか?

ここまで高機能ではなくても、
タグや背景に色付けができればなと思っているのですが…

それともそういう便利なものはないのでしょうか?
HTMLの「pre」タグを使えば、ひとまずは簡単に表示させられるので、
それでもいいかと思っているのですが、
ご存知の方がらいらしたらぜひ教えていただきたいと思いまして。

よろしくお願いいたします。

Aベストアンサー

コードをハイライトしてくれるライブラリがいくつかあるようなので、
そちらを利用してみるのはいかがでしょうか・・・?

○SyntaxHighlighter
http://alexgorbatchev.com/SyntaxHighlighter/
http://javascript.webcreativepark.net/library/syntaxhighlighter

○google-code-prettify
http://code.google.com/p/google-code-prettify/
http://greenapple-room.com/conc/user/TwitterBootstrap/bootstrap_prettyPrint.html

○CodePress
http://www.skuare.net/test/CodePress.html

個人的には、SyntaxHighlighterが好みです^^


人気Q&Aランキング

おすすめ情報