<body bgcolor="#FFFFFF">
<table width="300" border="1">
<tr onmouseover="mover(this)" onmouseout="mout(this)">
<td><input type="checkbox" name="ch" onclick="checkbox(this)">aaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr onmouseover="mover(this)" onmouseout="mout(this)">
<td><input type="checkbox" name="ch" onclick="checkbox(this)">aaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr onmouseover="mover(this)" onmouseout="mout(this)">
<td><input type="checkbox" name="ch" onclick="checkbox(this)">aaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
<tr onmouseover="mover(this)" onmouseout="mout(this)">
<td><input type="checkbox" name="ch" onclick="checkbox(this)">aaaaaaaaaaaaaaaaaaaaaaa</td>
</tr>
</table>
<script language="JavaScript">
<!--
var color="";
function mover(obj)
{
    color = obj.style.backgroundColor;

    if(color!="green")
{
obj.style.backgroundColor = "red";
}
else
{
    obj.style.backgroundColor = "yellow";
}

}function mout(obj)
{
   obj.style.backgroundColor = color;
}function checkbox(obj)
{
   var ob = obj.parentElement.parentElement;
   if(obj.checked)
   {
      ob.style.backgroundColor = "green";
  color="green"
   }
   else
   {
  ob.style.backgroundColor = "";
      color="";
   }
}
//-->
</script>
</body>