- 締切済み
（超初心者向け）マウスオーバーで色を変える方法
こんにちは！ 超初心者なのに会社で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)
すみません、補足お願いいたします。 「色を変えたい」のは、どの部分でしょうか？ 画像を変えたいということでしょうか？
関連するQ&A
- グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教
グローバルナビゲーション(カレントページ・マウスオーバー)の作り方を教えてください。 個別ページ毎にactなどとクラスをいちいち割り振るのではなく、JavaScriptで、パッと一気に処理したいと考えています。 ネットを探し回って、「カレントページ」「マウスオーバー」それぞれに対応する記述は見つけたのですが、それらを組み合わせると期待通りの動作となりません。具体的には、カレントページで、グローバルメニューをマウスオーバーした際、マウスオーバー画像へ変わるまではよいのですが、マウスアウトした時点で、カレントではない、ノーマル画像へと変更されてしまいます。(リロードすると、カレントメニュー画像へと戻るのですが…) 「カレントページにいるときは、マウスオーバー画像を表示させずにカレントメニュー画像のままにしとく」 あるいは、 「カレントページでマウスアウトした際はカレントメニュー画像を、その他のページでマウスアウトした際はノーマルメニュー表示させる」ようにするためには、どうしたらよいでしょうか？ スクリプトそのものを教えていただけると一番有難いのですが、難しいようであれば、参考になるサイト等でも構いません。何らしかのヒントだけでも、誰かくださいー。
- ベストアンサー
- JavaScript
- マウスオーバーして画像を入れ替えたい
YahooのジオシティーズでHPを作成していますが、教えていただきたいことが２つあります。 １.javaスクリプトを使ってマウスオーバー、マウスアウトした時に写真を入替えたいと思っていますが、全くの初心者でどこにタグを入れていいのかわかりません。 どなたか下記ＵＲＬのページの写真(1)にマウスオーバーした場合に写真(2)に変わり、マウスアウトすると写真(1)に戻るよう、下記URLのソースをすぐに使えるように手直ししていただけませんか？http://sky.geocities.jp/hokuto5131/test.html ２．Yahooのジオシティーズでマウスオーバーして画像を入替えるHPを見てみると、入替える画像のURLはimg.1のようになっていますが、私がYahooのジオシティーズに画像データを送ると上記のURLのソースのように『http://sky.geocities.jp/hokuto5131/～』になってしまいます。なぜでしょうか？またそのページに貼り付けていない画像データをどうやってYahooのジオシティーズのサーバーに送るのでしょうか？ 以上よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- マウスオーバーで薄いホワイトに変わる方法を教えてください。初心者です。
こんにちわ。 ホームページを作っていますが、まだまだ初心者の域を脱せないでいるモノです。 マウスオーバーすると、元の画像に薄いホワイトアウトする感じの効果をしたいのですが、調べても解決しないでいます。 どなたか、わかりやすい方法を教えてくださいますでしょうか？ こんなプロの方々のカテゴリーで恐縮ですが、よろしくお願いいたします！
- 締切済み
- HTML
- Javascriptのマウスオーバーについて
Javascriptでマウスオーバーというものがあります。 画像の上にマウスを持っていくと、画像が切り替わるものです。参考：http://www14.plala.or.jp/sugachuu/JavaScript/k06.html そこで、質問なのですが、マウスオーバーのスクリプトを 同じページ内で いくつも表示させるのは可能ですか？？（上記参考ＵＲＬでたとえると、大きな画像１つと小さな画像４つを一まとめにして、一まとめしたものをいくつも同じページ内で表示することは可能ですか？？） もし可能なら、そのやり方を教えてください。サンプルソースみたいなのをつけていただくと、うれしいです。 よろしくお願いします。
- 締切済み
- JavaScript
- マウスオーバーについて
ひとつの画像を区切って、区切ったそれぞれの枠（セルでもいい）でマウスオーバーを発生させるのってどうやるんですか。 よくホームページとかで見る、上にあるメニューです。 それを、２枚の画像を使ってやりたいんですけど・・・ また、タグが乗っている 詳しく説明されているホームページ輪ありませんか。 極力スタイルシートは使いたくないです。 また、ついでですが、スタイルシートを使わないでtableの、横だけを消す方法（透明にするか、たてと横で別のいろを指定します）ってないですか。
- 締切済み
- ネットトラブル
- flashボタンオーバーで残像を残した画像切替え
初心者です。 http://www.agete.com/ このトップページのように、ボタンにマウスオーバーすると画像が切り替わるという同じタイプのflashを作成したいのですが、 このページのように、画像の残像を残しながら切り替わる というやり方がわかりません。 ちなみに使用しているソフトは、Macromedia Flash MX Professional 2004 です。 宜しくお願い致します。
- ベストアンサー
- Flash
- マウスオーバー：一つの画像だけを変えるには？
javascript初心者です。マウスオーバーの記述について教えてください。 ３つのリンクボタンがあるのですが、このうち、一つだけ画像が変わるようにしたいと思っています。 ※リンク先は、３つもと同じです。 例：A・B・Cのリンク画像 A～CのどれをオンマウスしてもAの画像だけが変わるようにしたい。 また、マウスアウトした時には、元の画像に戻るようにしたいです。 以上、よろしくお願い致します。
- ベストアンサー
- JavaScript
- マウスオーバー
マウスオーバーで離れた位置の画像を変更した際、画像に合わせてリンクも変更する方法をお教え下さい。 詳細としまして、・バナーＡ・Ｂ・Ｃにマウスオーバーすると、位置Ｄの画像がＡ'、Ｂ’、Ｃ’のそれぞれに変更します。（マウスアウト後もその画像のまま） Ａ’の場合にはリンク1 Ｂ’の場合にはリンク2 Ｃ’の場合にはリンク3 としたいです。 画像変更まではできましたが、リンクの変更は検索しても見つけることができませんでした。 ご協力よろしくお願いします。
- ベストアンサー
- JavaScript
- Flashマウスオーバーで動きを付けたい
Flashを使ってマウスオーバーでの動きについて、 例えば、 「オーバー」時にベース色から徐々に色が変化、オーバー解除時に徐々にベース色に復帰。 「ダウン」時に一端、白色経由ベース色復帰など、単にロールオーバーの画像の切り換えではなく、それぞれ「オーバー」「ダウン」時にも動きを付ける手法を教えて下さい。 基本的な事かもしれませんがよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- マウスオーバーでテキストの色を変えたい
この「OK Web」のサイトもそうですが、最近、マウスポインタがかぶさるとテキストの色が変化したり、下線が付いたりするページをよく見かけますね。あれ、スマートでかっこいいなと感じます。 私もホームページをMacintoshのDreamweaverを使って作っているのですが、どうすればそのようなテキストが作れるのでしょうか？ いろいろ調べたのですが、分かりませんでした。 なんという「わざ」なのかも知らないので、検索もできず困っています。 どなたかぜひ教えてください。よろしくお願いします。
- ベストアンサー
- HTML
補足
言葉足らずですいません！ 画像です。 自分でいろいろやってみた所、 何とかできたみたいです(^^; でも、感でやっただけなので、 きちんと教えて頂きたいです。 宜しくお願い致します。