-PR-
解決
済み

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

  • 困ってます
  • 質問No.57739
  • 閲覧数172
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 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>
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.1
レベル9

ベストアンサー率 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:43
関連するQ&A
-PR-
-PR-
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

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

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


新大学生・新社会人のパソコンの悩みを解決!

いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ