-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()'">

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

その他の回答 (全2件)

  • 回答No.1
レベル10

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

すでにある画像を変更するなら、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は使わずに、表示したい画像をアンカーでくくって、onmouseoverで画像を入れ替えたらいいのではないかと思います。

ではでは(^.^)/~~~
このQ&Aで解決しましたか?
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

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

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

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

特集


専門家があなたの悩みに回答!

ピックアップ

ページ先頭へ