OKWAVEのAI「あい」が美容・健康の悩みに最適な回答をご提案!
-PR-
解決
済み

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

  • 暇なときにでも
  • 質問No.116219
  • 閲覧数68
  • ありがとう数1
  • 気になる数0
  • 回答数3
  • コメント数0

お礼率 16% (48/292)

たとえばマウスが上にのったときに色を変えるには下のソースを使ってるんですが、
<input type="submit" name="submit" value="DELETE"onmouseover="this.style.backgroundColor='#ffcee7'"
onmouseout="this.style.backgroundColor='#FFFFFF'">
背景画像を表示させたいときはどうやったらいいですか?
おねがいします。
通報する
  • 回答数3
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.3
レベル7

ベストアンサー率 50% (7/14)

<input type="submit" name="submit" value="DELETE" onmouseover="this.style.backgroundImage ='url(******)'" onmouseout="this.style.backgroundImage='url()'">

*****には画像へのパスを記述してください。
これでいくはず。
ってか、こうゆうことをしたいんすよね?
-PR-
-PR-

その他の回答 (全2件)

  • 回答No.1
レベル10

ベストアンサー率 31% (47/149)

すでにある画像を変更するなら、JavaScriptで可能ですが、 存在しない領域に画像を表示させることできるのかな? >あとで回答をチェックしよ。 画像を入れかえるHTMLコードは、こんな感じです。 <html> <head> <script language="JavaScript"> <!-- document.im ...続きを読む
すでにある画像を変更するなら、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>


  • 回答No.2
レベル11

ベストアンサー率 44% (138/313)

こんばんわぁ、Blackwinglsです。 > 背景画像を表示させたいときはどうやったらいいですか? 背景画像とはドコをさしておっしゃているのでしょうか? <body background="***.gif"> の***.gifのようなもの? それとも、submitで表示されるボタンの背景を画像にしたいのでしょうか? 後者ならsubmitは使わず ...続きを読む
こんばんわぁ、Blackwinglsです。

> 背景画像を表示させたいときはどうやったらいいですか?

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

ではでは(^.^)/~~~
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ