• ベストアンサー
  • 困ってます

マウスオンで指定の位置で画像がかわる

  • 質問No.57739
  • 閲覧数176
  • ありがとう数1
  • 回答数1

お礼率 86% (353/409)

テーブルの左セルにある「リンク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>

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

  • 回答No.1
  • ベストアンサー

ベストアンサー率 30% (20/65)

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

*<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>

試してないので、ちょっと心配ですが。。。(^^ゞ
お礼コメント
shizuku

お礼率 86% (353/409)

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

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

本当に早い回答をありがとうございました!!!
投稿日時:2001/03/30 10:27
関連するQ&A

その他の関連するQ&Aをキーワードで探す

ピックアップ

ページ先頭へ