人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

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


●質問者: aiomock
●カテゴリ:インターネット ウェブ制作
✍キーワード:.jpg HTML イメージ セル マウス
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● GoldenDawn
●60ポイント ベストアンサー
<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 で。

◎質問者からの返答

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


2 ● ぽこり
●50ポイント

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

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

<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

◎質問者からの返答

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ