HTMLについて質問です。

テーブルのセルにイメージが入っているのですが
イメージの上をマウスが通るとイメージを変更するようにしたいのですがそのような事は可能でしょうか?

例として pic1.jpg と pic2.jpg があります。
<img src="pic1.jpg">を<img src="pic1.jpg" onmouse="pic2.jpg">等とするのでしょうか?
わかるかたおりましたらよろしくお願いいたします。

またテーブルのセルに色が付いているとしてその色を変更する場合も教えていただけると嬉しいです。
大変お手数をおかけしますがよろしくお願いいたします。

回答の条件
  • 1人2回まで
  • 13歳以上
  • 登録:2010/03/20 21:56:38
  • 終了:2010/03/23 15:18:55

ベストアンサー

id:GoldenDawn No.1

GoldenDawn回答回数426ベストアンサー獲得回数812010/03/20 22:11:30

ポイント60pt
<img src="pic1.jpg" onmouseover="this.src='pic2.jpg'" />
<table>
  <tr><td style="background:red" onmouseover="this.style.background='blue'">cell</td></tr>
</table>

こんな感じでしょうか。

マウスが離れた場合は onmouseout で。

id:aiomock

ご回答ありがとうございます。

2010/03/20 22:17:45

その他の回答(1件)

id:GoldenDawn No.1

GoldenDawn回答回数426ベストアンサー獲得回数812010/03/20 22:11:30ここでベストアンサー

ポイント60pt
<img src="pic1.jpg" onmouseover="this.src='pic2.jpg'" />
<table>
  <tr><td style="background:red" onmouseover="this.style.background='blue'">cell</td></tr>
</table>

こんな感じでしょうか。

マウスが離れた場合は onmouseout で。

id:aiomock

ご回答ありがとうございます。

2010/03/20 22:17:45
id:pocori No.2

ぽこり回答回数250ベストアンサー獲得回数272010/03/20 22:16:00

ポイント50pt

●マウスオーバーで出来ます。

<>は半角に直してください。

<img src="元イメージ" border="0" onMouseOver="this .src='オーバーイメージ'"onMouseOut="this .src='元イメージ'" width="横幅" height="高さ" alt="代替テキスト">

←この場合は・・・

<img src="01.gif" border="0" onMouseOver="this .src='02.gif'"onMouseOut="this .src='01.gif'" width="58" height="25" alt="テスト☆">

http://www.dekirukana.net/tips/img-04.html

●テーブル色変更

■表全体の背景色を指定する場合

<table bgcolor="#cccccc"> ~ </table></p>

table要素に bgcolor="" を追加します。

■行単位で背景色を指定する場合

<tr bgcolor="#cccccc"> ~ </tr></p>

tr要素に bgcolor="" を追加します。

■セル単位で背景色を指定する場合

<td bgcolor="#cccccc"> ~ </td></p>

td要素(th要素)に bgcolor="" を追加します。


http://www.tagindex.com/html_tag/table/table_bgcolor.html

id:aiomock

ご回答ありがとうございます。

2010/03/20 22:17:49

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません