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

テーブルの左セルにある「リンク1」のテキストにマウスをのせると
右のセルの中でそれぞれ「リンク1」と「リンク2」では違う画像
(たとえば100*100ピクセルサイズのa.gifとb.gif)が表示されるJAVAを教えていただきたいのです。

同じ位置でかわるものはサンプルなどでたくさん見かけるのですが、
位置の変え方がわかりません。
よろしくお願いいたします。


<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200"><a href="1.htm">リンク1</a>
<p><a href="2.htm">リンク2</a></td>
<td width="200">ここに画像</td>
</tr>
</table>

A 回答 (1件)

こういうことで良いのでしょうか?


(「同じ位置」とか「位置の変え方」という所がよく分らないのですが)

*<head>部分
<script language="JavaScript">
<!--
img1=new Image();
img1.src="a.gif";

img2=new Image();
img2.src="b.gif";

function com(){
document.comarea.src="image0.gif" //始めに表示&mouseoutで表示される画像
}

function com1(){
document.comarea.src=img1.src;
}

function com2(){
document.comarea.src=img2.src;
}

//-->
</script>

*<table>部分
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="200"><a href="1.htm" onmouseover="com1()" onmouseout="com()">リンク1</a>
<p><a href="2.htm" onmouseover="com2()" onmouseout="com()">リンク2</a></td>
<td width="200"><img src="image0.gif" name="comarea"></td>
</tr>
</table>

試してないので、ちょっと心配ですが。。。(^^ゞ
    • good
    • 0
この回答へのお礼

ありがとうごさいました。
できました!
なんとお礼を申し上げていいのか・・・。
ずっーーと、ほかのホームページのスクリプトとかを見て
やってたんですけど、全然わからなくて本当に困っていたんです。

これからやっとやりたいことが出来ます。

本当に早い回答をありがとうございました!!!

お礼日時:2001/03/30 10:27

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