• ベストアンサー

マウスがinput,textarea,の上にのったときに背景画像を表示させたい

たとえばマウスが上にのったときに色を変えるには下のソースを使ってるんですが、 <input type="submit" name="submit" value="DELETE"onmouseover="this.style.backgroundColor='#ffcee7'" onmouseout="this.style.backgroundColor='#FFFFFF'"> 背景画像を表示させたいときはどうやったらいいですか? おねがいします。

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

  • ベストアンサー
  • makokoko
  • ベストアンサー率50% (7/14)
回答No.3

<input type="submit" name="submit" value="DELETE" onmouseover="this.style.backgroundImage ='url(******)'" onmouseout="this.style.backgroundImage='url()'"> *****には画像へのパスを記述してください。 これでいくはず。 ってか、こうゆうことをしたいんすよね?

その他の回答 (2)

回答No.2

こんばんわぁ、Blackwinglsです。 > 背景画像を表示させたいときはどうやったらいいですか? 背景画像とはドコをさしておっしゃているのでしょうか? <body background="***.gif"> の***.gifのようなもの? それとも、submitで表示されるボタンの背景を画像にしたいのでしょうか? 後者ならsubmitは使わずに、表示したい画像をアンカーでくくって、onmouseoverで画像を入れ替えたらいいのではないかと思います。 ではでは(^.^)/~~~

  • zerosix
  • ベストアンサー率31% (47/149)
回答No.1

すでにある画像を変更するなら、JavaScriptで可能ですが、 存在しない領域に画像を表示させることできるのかな? >あとで回答をチェックしよ。 画像を入れかえるHTMLコードは、こんな感じです。 <html> <head> <script language="JavaScript"> <!-- document.images[0].src = "aaa.jpg"; //--> </script> </head> <body> <img width="720" height="540" src="bbb.jpg"> </img> </body> </html>

関連するQ&A