+ JavaScript の質問用スレッド vol.65 +
質問させてください。
下記のようなリンクがが複数(可変)あります。
−−−−−−−−−−−−−−−
|画像1A|画像1B|テキスト1|←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
|画像2A|画像2B|テキスト2|←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
|画像3A|画像3B|テキスト3|←この行で一つのリンクとなります。
−−−−−−−−−−−−−−−
画像1A、画像1B、テキスト1のどれかにマウスオーバー時、画像1Bの画像とテキスト1の文字色を変更したいと思います。
単純にテキスト1をマウスオーバー時にテキスト1の文字色を変えるならcssのa:hover、画像1Bをマウスオーバー時、画像1Bの画像を差し替えるならJavaScriptで出来たのですが、
例えば、画像1Aをマウスオーバー時、画像1Bの画像を差し替えつつ、テキスト1の文字色を変える方法が分かりませんでした。
その為、何かアドバイスいただける方はご指導いただければと思います。
なお上記の画像などの中身には下記が入ります。
画像1A・・・花の写真
画像1B・・・矢印画像
テキスト1・・・花の名前
そして、画像1Aの花の写真のサイズは不定となっております。
よろしくお願いします。