ベストアンサー

ロールオーバーとスワップイメージとテキスト表示を同時に？

2006/05/04 15:10

他のカテゴリでも質問しておりますがスクリプト的な内容なのでこちらで質問させていただきます Javascriptは初心者です。宜しくお願いします。ボタンをロールオーバーにして色が変わった時に横の大画像も入れ替わり表示させて同時に下にテキストも表示させるものをつくりたいのですが Javascriptで可能でしょうか？記述の仕方もよくわかりません。おわかりになりましたら教えてくださいまた別の方法もありましたら宜しくお願いします

webchan
お礼率78% (50/64)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

noname#22259

2006/05/04 16:52 回答No.1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><title>???</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript"> function ChangeImgF(){ if(document.getElementById){ document.getElementById('x').style.backgroundColor='yellow'; document.getElementById('y').src='images/img_2.jpg'; document.getElementById('z').value='This is an img-2'; }} </script> </head> <body> <input id="x" type="button" value="test" onmouseover="ChangeImgF()"><img id="y" src="images/img_1.jpg"><br> <input id="z" type=text value=""> </body> </html>

質問者

お礼 2006/05/06 19:08

xepharosさん早急に対応していただきありがとうございますやってみたら表示はされました xepharosさんのソースを元に改造していますが・・・後はボタン３つの画像に対し３つの色違いのボタン画像と３つの大画像と３種類のテキストを加えていけばいいかと思いますが・・・どのように足していくと良いのでしょうか？もうすこしやってみます