- ベストアンサー
説明が表示されるリンクを作りたいのですが…
リンク用のバナーを用意しておき、その上にマウスポインタが乗ると、 別の位置に、管理者名と説明文を表示できるようにしたいのですが、 どうすればよいでしょうか? それぞれに背景画像をつけたり、装飾もしたいため、出来れば管理者名と説明文は、独立して表示させたいのですが、可能でしょうか? わかりにくいですが、例としては、以下のようなレイアウトのものを作りたいと思っています。 管理者名表示欄 説明文表示欄 バナー バナー バナー バナー バナー バナー バナー バナー バナー バナー バナー バナー
- みんなの回答 (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番目は""としています。
お礼
丁寧な回答ありがとうございます! さっそく参考にさせてもらいます。