オンマウスで表の背景画像が変わる
マウスを乗せると表の背景画像が変わります
マウスをのせて下さい。背景画像が変わります。 |
<table width="350">
<tr>
<td background="最初に表示する画像のアドレス" onmouseover="this.style.backgroundImage='url(マウスがのった時の画像のアドレス)'" onmouseout="this.style.backgroundImage='url(マウスが離れた時の画像のアドレス)'"><BR>
<BR>
ここに文字や文章<BR>
<BR>
<BR>
</td>
</tr>
</table>
<tr>
<td background="最初に表示する画像のアドレス" onmouseover="this.style.backgroundImage='url(マウスがのった時の画像のアドレス)'" onmouseout="this.style.backgroundImage='url(マウスが離れた時の画像のアドレス)'"><BR>
<BR>
ここに文字や文章<BR>
<BR>
<BR>
</td>
</tr>
</table>
変えるところ→黄色の部分
上記のソース コピーして使用して下さい
各セルごとにマウスオーバーで背景画像を変えることができます。上のサンプルでは table border="0" としましたが、下記のサンプルでは table border="1" にしましたので枠線がついてます。
マウスをのせて下さい。背景画像が変わります。 |
マウスをのせて下さい。背景画像が変わります。 |
上記のソース コピーして使用して下さい
テーブル枠線の種類 かわいい点線 CSSボーダースタイル CSSボーダー CSSテーブル
★skip ページtop