| ポイント |
<![CDATA[
<td onMouseover="this.style.backgroundColor='orange'" onMouseout ="this.style.backgroundColor='white'">
]]>
|
| 説 明 |
テーブルのセルの背景色を変更するには、セルにIDで名前を指定しておきます。あとはセルのスタイルを「名前.style.backgroundColor="色"」として変更します。色はカラー名またはカラーコードを指定することができます。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスが重なったらテーブルのセルの色を変える</title>
</head>
<body>
<table border="1" bgcolor="white">
<tr>
<td onMouseover="this.style.backgroundColor='orange'"
onMouseout ="this.style.backgroundColor='white'">
【<a href="http://www.shiojiri.ne.jp/~openspc/">Go OpenSpace</a>】
</td>
<td>OpenSpaceのページへジャンプします。</td>
</tr>
</table>
</body>
</html>
]]>
|
| 補足説明 |
なし |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスが重なったらテーブルのセルの色を変える