初めてJavaを使いました。
『文字にマウスを当てると、上に置いた画像がかわり、さらにその文字をクリックすると、他のページにいくようにしたいのです』
文字にマウスを当てると、上に置いた画像が変わるとこまではできましたが、どうしても他のページへのリンクができません。
よい方法を教えてください。
作ったHTMLは以下のとおりです。
<SCRIPT language="JavaScript"><!--
function myChgPic(myPicURL){
document.images["myBigImage"].src = myPicURL;
}
// --></SCRIPT>
<TABLE align="center">
<TBODY>
<TABLE border="0" align="center">
<TBODY>
<TR>
<TD><IMG src="ankor.jpg" name="myBigImage" border="2"></TD>
</TR>
<TR>
<TD><A href="javascript:void(0)" onmouseover="myChgPic('shanghai.jpg')">上海
<br>
<A href="javascript:void(0)" onmouseover="myChgPic('italy.jpg')">イタリア
<br>
<A href="javascript:void(0)" onmouseover="myChgPic('canada.jpg')">カナダ
</A>
</TD>
</TR>
</TBODY>
</TABLE>
上海、カナダ、イタリアという文字をクリックしたら、その写真にかわり、文字をクリックしたらそれぞれのページにリンクさせたいのです。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
JavaとJavaScriptは違うものです。
間違えないようにしましょう。
No.1
- 回答日時:
簡単にはこれで出来ます。
<a href="URL"><IMG SRC="画像1"border="2" onmouseover="this.src='画像2'"border="2"onmouseout="this.src='画像1'" BORDER="2">上海</a>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript 追加ボタンを押した際に ok ボタンを押した場合のみ入力値が追記されるようにしたいです 6 2022/05/29 09:57
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 【CSS】:hasで可能? imgを含むtr要素を選択したい 1 2022/11/17 14:36
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【java】背景画像を一定時間で...
-
【早急】画像入れ替えJavaScrip...
-
1枚の画像をクリックすると複数...
-
小窓について教えて下さい。
-
各フォルダから1枚ずつ画像をラ...
-
クリッカブルマップの一部分だ...
-
曜日と時間を指定して表示画像...
-
textareaに画像を表示したい
-
マウス追従スクリプトについて
-
残像を残しながらjpg画像を自動...
-
htmlの記述で link rel=styles...
-
MAX関数を使ってからLEFT JOIN...
-
div要素を半透明にして且つ外枠...
-
複数の要素へ appendchild でき...
-
以下のタグはクリックすると画...
-
Javascript初心者|jQueryの.va...
-
Javaの正規表現でimgタグのalt...
-
画像の座標位置取得
-
SEO対策としての画像リンクなど...
-
【HTML5】【canvas】【js】...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
JavaScript スライドの画像にリ...
-
HTMLで条件分岐はできますか?
-
1枚の画像をクリックして複数の...
-
Javascript で共通の処理をどこ...
-
JavaScriptとチェックボックス...
-
画像ランダム表示、しかしダブ...
-
Gifアニメ、最後のコマに行った...
-
画像の重なりの順序を代える方...
-
1枚の画像をクリックすると複数...
-
javascriptで毎月替わる画像
-
オンマウスで、画像切り替え+...
-
透過pngの透明部分以外をクリッ...
-
Javascriptで指定した日付と時...
-
jQueryスライドショー画像への...
-
JavaScript で flexslider の画...
-
lightbox2をiframeから外に表示...
-
重なった画像にクリックイベン...
-
Twitterの埋め込みしたWebペー...
-
画像をフォルダに入れれば表示...
おすすめ情報