- 締切済み
（超初心者向け）マウスオーバーで色を変える方法
こんにちは！ 超初心者なのに会社でMacromediaを使わされて困っています(;_;) 画像にマウスオーバーした際に色を変えたいのですが、全くわかりません(T.T) ※これって、基本中の基本ですよね？ 色々ネットで調べて、「これを貼り付ければOK」みたいなのは沢山見つけられたのですが、それを何処に貼り付けて良いのかサッパリわかりません(;´д｀)とほほ・・・。 ずぶの初心者にもわかるように、どなたか教えて頂けませんでしょうか。 3つほど画像があり、そこにマウスオーバーした時に色を変え、尚且つ、そこから別のページに飛べるようにしたいと思っています。 以上、宜しくお願い致しますm(_ _)m
- doramon
- お礼率9% (6/62)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- turtlemach
- ベストアンサー率54% (29/53)
例えば、こんな感じでしょうか？ お使いのツールでできたソースとは違うと思いますが、ご参考まで…。 ・画面に「img1.jpg」という画像を表示 ・「img1.jpg」にマウスを乗せたとき（=onMouseOver）、JavaScriptの関数chgImgを呼び出し、引数2を渡す。 ・chgImgは、引数2から判断し、画面の「myImg」というidのついているIMGタグに「img2.jpg」という画像をセットする。 ・マウスを離したとき（=onMouseOut）は、同じようにJavaScriptの関数chgImgを呼び出し、引数1を渡す。 ・chgImgは、引数1から判断し、画面の「myImg」というidのついているIMGタグに「img1.jpg」という画像をセットする。 --- <HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function chgImg(num){ if(num==2){ document.getElementById('myImg').src = "img1.jpg"; }else if(num==1){ document.getElementById('myImg').src = "img2.jpg"; } } //--> </SCRIPT> </HEAD> <BODY> <A href="test2.htm"><IMG id="myImg" src="img1.jpg" onMouseOver="chgImg(2);" onMouseOut="chgImg(1);" border="0"></A> </BODY> </HTML>
- turtlemach
- ベストアンサー率54% (29/53)
すみません、補足お願いいたします。 「色を変えたい」のは、どの部分でしょうか？ 画像を変えたいということでしょうか？
補足
言葉足らずですいません！ 画像です。 自分でいろいろやってみた所、 何とかできたみたいです(^^; でも、感でやっただけなので、 きちんと教えて頂きたいです。 宜しくお願い致します。