• ベストアンサー

説明が表示されるリンクを作りたいのですが…

リンク用のバナーを用意しておき、その上にマウスポインタが乗ると、 別の位置に、管理者名と説明文を表示できるようにしたいのですが、 どうすればよいでしょうか? それぞれに背景画像をつけたり、装飾もしたいため、出来れば管理者名と説明文は、独立して表示させたいのですが、可能でしょうか? わかりにくいですが、例としては、以下のようなレイアウトのものを作りたいと思っています。  管理者名表示欄   説明文表示欄 バナー  バナー  バナー  バナー バナー  バナー  バナー  バナー バナー  バナー  バナー  バナー

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

  • ベストアンサー
  • yuizuian
  • ベストアンサー率42% (103/245)
回答No.1

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- mst = new Array(3); mst[0] = ""; mst[1] = "管理者1"; mst[3] = "管理者2"; str = new Array(3); str[0] = ""; str[1] = "説明1"; str[3] = "説明2"; function setMsg(id) { document.all.mst.innerHTML = mst[id]; document.all.str.innerHTML = str[id]; } // --> </SCRIPT> </HEAD> <BODY> <SPAN ID="mst"></SPAN><BR> <SPAN ID="str"></SPAN><BR> <A HREF="xxx.html" onMouseOver="setMsg(1)" onMouseOut="setMsg(0)"><IMG SRC="banner.gif" BORDER=0></A> </BODY> </HTML> こんな感じで同どうでしょう? マウスをはずしたときに空文字を表示するために配列の0番目は""としています。

popofu
質問者

お礼

丁寧な回答ありがとうございます! さっそく参考にさせてもらいます。

関連するQ&A

専門家に質問してみよう