プロが教える店舗&オフィスのセキュリティ対策術

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

わかりにくいですが、例としては、以下のようなレイアウトのものを作りたいと思っています。

 管理者名表示欄   説明文表示欄

バナー  バナー  バナー  バナー
バナー  バナー  バナー  バナー
バナー  バナー  バナー  バナー

A 回答 (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番目は""としています。
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/08/07 15:27

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