• ベストアンサー

特定の場所に文字表示

特定の場所に(リンク文字,リンク画像など）マウスをのせると特定の場所に文字が表示される、という事は可能でしょうか？解る方、教えて頂きたいのですが...。お願いします。

  • HTML
  • 回答数4
  • ありがとう数3

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

  • ベストアンサー
  • mamao
  • ベストアンサー率50% (4/8)
回答No.4

応用すればいろんな事できるでしょ？ いろいろ試してみれば？ 応用例下記 <table cellspacing="0" cellpadding="0" width="100%" > <tr > <TD nowrap height="20" width="30%" Align="center"> メニュー </TD> <TD nowrap vAlign="bottom" width="70%"> <A title="home" style="text-decoration:none;" href="#"> <span onmouseover="Status.innerHTML='home'" onmouseout="Status.innerHTML=''" > home</span></A> <A title="bbs" style="text-decoration:none;" href="#"> <span onmouseover="Status.innerHTML='bbs'" onmouseout="Status.innerHTML=''" > bbs</span></A> <A title="link" style="text-decoration:none;" href="#"> <span onmouseover="Status1.innerHTML='link'" onmouseout="Status1.innerHTML='メニューの内容が出ます'" > link</span></A> </TD> </tr> </td> </tr> </table> <table cellspacing="0" cellpadding="0" width="100%" > <tr > <TD nowrap height="20" width="30%" Align="center"> メニューの内容 </TD> <TD nowrap vAlign="bottom" width="70%"> <span style="font-size: 10pt;" id="Status"></span> </TD> </tr> </td> </tr> </table> <p Align="center"> <span style="font-size: 10pt;" id="Status1">メニューの内容が出ます</span> <p>

s00000000
質問者

お礼

ありがとうございます。ちょっといろいろやってみます

その他の回答 (3)

回答No.3

えと…それはたとえばメニューの上にマウスを乗せると、どこかのテーブルにそのメニューの内容が表示されるものなのでしょうか？ だとすれば、JavaScriptをつかうかなぁ… もし、そういう物でしたら答えれます。 違っていたら聞き流してください^^； 質問に質問で返してしまってごめんなさい

s00000000
質問者

お礼

ありがとうございます。もしかしたらこれはhtmlではなくjavascriptのカテゴリの方が適切だったのかもしれません...。Genlasorkaさんの言うように、テーブル内のメニュー（リンク）を色だけで表示したい為、どこかのテーブルもしくはテーブル外に説明文の様な物を表示したいのですが....。可能でしょうか？すみませんがお願いします。

  • mamao
  • ベストアンサー率50% (4/8)
回答No.2

※追記 spanタグはブラウザ制限あるが、一番簡単にできる。 ネスケ系は使えないかな... <table cellspacing="0" cellpadding="0" width="100%" > <tr > <TD nowrap height="20" width="140" Align="center"> <span style="font-size: 10pt;" id="Status"></span> </TD> <TD nowrap vAlign="bottom" width="220"> <A title="トップへ行きます" style="text-decoration:none;" href="#"> <span onmouseover="Status.innerHTML='トップへ行きます'" onmouseout="Status.innerHTML=''" > トップへ</span></A> </TD> </tr> </td> </tr> </table>

s00000000
質問者

補足

ありがとうございます。これでも出来たのですが、たとえばそれぞれが違うテーブル同士にあったり、片方がテーブルの外にあり、位置関係もななめだったり、自由に設定したいのですが....。もしかしたらこれはjavascriptなんかの方だったのかもしれませんが。ちょっとその辺よくわからないもので..ごめんなさい

  • mamao
  • ベストアンサー率50% (4/8)
回答No.1

質問の内容からすると、リンクに対して説明文を表示したいのかな？だとすれば、可能です やり方はいろいろありますが、Flashかjavascriptを使うのが簡単かな？ javascriptのやり方の例を載せておきますね 適当に作ったので、参考程度に... もっと簡単に作れるかと思いますが <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>説明を表示</title> <script type="text/javascript" language="JavaScript"> <!-- var defaultName = "" function setList(namae) { this.namae = namae } var item = new Array() item[0] = new setList("トップへ行きます") // データは上のように「"説明文"」のように書く function showItem(n) { document.forms[0].nameBox.value = item[n-1].namae } function reset() { document.forms[0].nameBox.value = defaultName } // end of JavaScript --> </script> </head> <body> <p> <b>（使用例）</b> </p> <form> <table align="center"> <tr><td><A HREF="#" onMouseOver="javascript:showItem(1)" onMouseOut="reset()">トップへ</A>　 <input type="text" name="nameBox" size="30" style="border:0;text-align:left;font-size:11pt;" readonly="readonly" /> </td></tr> </table> </form> </body> </html>

s00000000
質問者

お礼

ありがとうございます。早速これで試してみましたが、リンク部分と表示される文字の位置関係を自由に設定するという事は可能なのでしょうか？ mamaoさんのいう通り、リンクに対しての説明を表示したいのですが、例えばリンク部分はテーブル内で表示文字はテーブル外など....？すみませんがお願いします..

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • onMouseoverで画像が特定の場所で変わるには？

    このようなものを作りたいんですが、作り方がわかりません。 http://www.sky.sannet.ne.jp/masapine/java_gazou3.html 一番下の『下の左の文字にマウスを置くと、画像が変わります。』 http://minto331.hp.infoseek.co.jp/imagegazoulink/imagegazoulink.html 私が作りたいイメージは左側に画像（特定の場所に設定）、 右側に文章があり、 「私のペットの名前は『ミッキー』です。 あの『ミッキーマウス』の名前を借りました。」 （『　』に囲まれている文字にマウスを置くと左側に画像が表示される） このように作りたいのですが、なかなか作れません。。。 文字の隣に画像を表示させることはできるのですが、 特定の場所に画像を置きたいんです。 どうすればいいのでしょうか？ 教えて下さいm(__)m よろしくお願いします。

    • ベストアンサー
    • HTML
  • Netscapeで特定の場所が表示できません

    ホットスポットを使って別のページへリンクして、 その別のページの特定の場所を表示するようにしたいのですが、Internet Explorerでは特定の場所を表示 できるのに、Netscapeだと特定の場所を表示しない状態に なってしまいます。 Netscapeでも表示できるようにするには、どうしたらいいですか？ ※確認したのはNetscape4.5です。 ※ホットスポットは画像で使用しました。

    • ベストアンサー
    • HTML
  • マウスカーソルで画像を触ったら、文字を表示する

    マウスカーソルで画像を触ったら、文字を表示するようにしたいのですが それってどうやればいいのでしょうか？ よくある、うっすらと説明書きみたいなのを表示させたいです。 今は、画像にリンクを張ってるのですが、リンク先のURLがうっすら表示されます。

    • ベストアンサー
    • HTML
  • エクセルで、特定の場所に入力した文字を、特定の場所に反映されるようにす

    エクセルで、特定の場所に入力した文字を、特定の場所に反映されるようにするにはどうすればいいのでしょうか？ たとえば、ある欄にAと入力すれば別の欄に自動的にBと表示されるような方法です。

  • １つのテーブルに任意の文字を表示させたい

    １行１列のテーブル（テキストボックスみたいなもの）を作っておきます。 テーブルの横もしくは下にリンクを張った？文字又は画像にマウスが乗ると用意してある任意の文字がテーブルに表示させる事は出来るのでしょうか？多分ＪＡＶＡスクリプトで実現するものだと思うのですが・・・？ イメージとしてはリンクさせる文字の上にカーソルが乗るとリンク先の簡単な説明が表示され、クリックで目的ページに飛ぶというようなものです。リンクによって表示される内容が違いますが、表示されるテーブルは同じものを使いたいのです。 質問の内容も判りずらく、失礼な質問ですがよろしくお願いします。

  • 特定の画像が表示されません

    WinVistaを使っています。 IE７で特定の画像が表示されません。 ためしに、SleipnirをDLして 表示させようとしましたが、こちらもダメでした。 画像のリンクにx印が出ているわけでもありません。 画像が出るべき場所で右クリックし、 プロパティをみると”PL ファイル”という種類の ファイルが表示されていないようでした。 Vistaで何か設定しなくてはいけないのでしょうか。 よろしくお願いします。

  • 文字リンクに乗ったとき、画像を変更させる。

    「画像にマウスが乗ったとき、その画像を変更する」というのは分かるのですが、 「文字リンクにマウスが乗ったとき、画像を変更させる」というのは分かりません。 画像を表示させる位置は同じです。ただ、それぞれのリンクに乗ったとき、表示させる画像は違うのにしたいのです。 例） リンク１・・・1.gif リンク２・・・2.gif　

  • 離れた場所への文字表示

    下に紹介したＨＰからの参照となるのですが 画像から離れた場所へ、それも一つの場所へ 文字を表示するにはどのようにしたらいいのですか？ （下のＨＰの一番上の部分です） http://www.ume.sakura.ne.jp/~rei/top.html

  • 画像＋リンク＆文字のランダム表示について

    画像＋リンク＋文字のランダム表示について 復数ある画像、リンク、文字のなかからランダムで数個（かぶらないように）表示させたいのです。 それもテーブルタグの中に。 （画像Ａには必ずリンクＡと文字Ａがせっとになるようにです） 初心者なのでどのようにしたら良いのか、またこんな事ができるのかどうかもわかりませんが・・・ おわかりになる方、詳しく教えてください。 一応ＨＴＭＬでＨＰをつくっているので、このように書いたら良いよ・・・という見本のようなモノを作って頂けると幸いです。 宜しくお願いします ↓の画像のように３パターンの表示を考えています。 解りづらいかもしれませんが、よろしくお願いします。

    • ベストアンサー
    • HTML
  • 教えてください。特定のホームページの表示がおかしいのです

    こんにちは。 よろしくお願いします。 今まで普通に閲覧できていたある特定のホームページが、急に閲覧できなくなりました。 トップページは開くのですが、その表示がおかしく、リンク部分が全部見えなくなっています。 文字にリンクが貼ってあったとしたら、その文字だけが消えてて、次の文字がずれてきているんです。 カーソルを当てても、何の反応もありませんのでそれ以上入る事ができません。 別のパソコンからだと正常に表示されているので、私の方で不都合があるとは思うのですが。 （この時のパソコンはMacでした） どうして、正常に表示されないのでしょうか？ もしかして閲覧拒否されているのでしょうか？ OSはWindowsXPで、IE6を使っています。 ウイルスソフトはNorton Internet Securityをいれています。 誰か教えて下さい。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する