| 解 説 |
セル上にマウスが乗ったらセルの色を変えるにはattachEventを使ってセルごとにイベントを設定します。attachEventはイベント名、実行関数名を指定します。実行関数側ではイベントが発生したセルオブジェクトの情報はevent.srcElementに入っているので、このオブジェクトのスタイルを変更することでセルの背景色を変更することができます。
|
| コード |
<![CDATA[
<html>
<head>
<title>セル上にマウスが乗ったらセルの色を変える</title>
</head>
<body >
セル上にマウスが乗るとセルの色が変わります。<br><br>
<table id="myTBL1" border="1">
<tr><td>分類１</td><td>分類２</td><td>分類３</td><td>分類４</td></tr>
<tr><td>春</td><td>夏</td><td>秋</td><td>冬</td></tr>
<tr><td>Spring</td><td>Summer</td><td>Autumn</td><td>Winter</td></tr>
</table>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |