| コード |
<![CDATA[
<html>
<head>
<title>セル上にマウスが乗ったらセルの色を変える</title>
<script language="JavaScript"><!--
function setEvent(tName)
{
tObj = document.all[tName];
for (i=0; i<tObj.rows.length; i++)
for (j=0; j<tObj.rows[i].cells.length; j++)
{
tObj.rows[i].cells[j].attachEvent("onmouseover",change1);
tObj.rows[i].cells[j].attachEvent("onmouseout", change2);
}
}
function change1(){ event.srcElement.style.backgroundColor = "orange"; }
function change2(){ event.srcElement.style.backgroundColor = "white"; }
// --></script>
</head>
<body onLoad="setEvent('myTBL1')">
セル上にマウスが乗るとセルの色が変わります。<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>
]]>
|
セル上にマウスが乗ったらセルの色を変える