td.off {
background: ccccff;
}
td.on {
background: ccffcc;
}
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#C0C0C0" width="100%" id="AutoNumber5" height="892">
<tr>
<td width="100%" height="23" align="center" table. class="off" onmouseover="this.className='on'"
onmouseout="this.className='off'">محتویات سطر</td>
</tr>
</table>
<html> <head> <style> .echess {color:red;} .design {color:green} </style> </head> <body> <table border="0" width="100%">
<tr>
<td class="echess" onmouseover=this.className='echess' onmouseout=this.className='design'> </td>
</tr>
</table> </body>
در ضمن برای تشکر بهتره از علامت thanks زیر هر پست که مخصوص همین کار است استفاده کنی.text-decoration: underline
<style type="text/css"> a:hover {text-decoration: underline} </style>
<script>
function clicked(idd){
if(document.getElementById('checkbox'+idd).checked){
document.getElementById('tr'+idd).class='on';
}else{
document.getElementById('td'+idd).class='off';
}
}
</script>
<table>
<tr>
<td>
<input type='checkbox' id='checkbox1' onClick='clicked(1);'>
</td>
<td id='td1'>
Value1
</td>
</tr>
<tr>
<td>
<input type='checkbox' id='checkbox2' onClick='clicked(2);'>
</td>
<td id='td2'>
Value2
</td>
</tr>
<tr>
<td>
<input type='checkbox' id='checkbox3' onClick='clicked(3);'>
</td>
<td id='td3'>
Value3
</td>
</tr>
<tr>
<td>
<input type='checkbox' id='checkbox4' onClick='clicked(4);'>
</td>
<td id='td4'>
Value4
</td>
</tr>
</table>
<html>
<head>
<title>امتحانی</title>
<style type="text/css">
tr.Default {
background: #FFFFFF;
}
</style>
<script language="javascript">
function table(idd,ischecked,ison){
if(ischecked){
document.getElementById('tr'+idd).style.backgroundColor="#C3D9FF";
}else{
if(ison){
document.getElementById('tr'+idd).style.backgroundColor="InfoBackground";
}else{
document.getElementById('tr'+idd).style.backgroundColor="#FFFFFF";
}
}
}
function CheckedMark(id){
if(document.getElementById('checkbox'+id).checked){
document.getElementById('checkbox'+id).checked=false;
}
else{
document.getElementById('checkbox'+id).checked=true;
}
table(id,document.getElementById('checkbox'+id).checked,true);
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body bgcolor="#ECE9D8">
<table width="275" border="0" cellpadding="0" cellspacing="0">
<tr id="tr1" class="Default" onmouseover="table(1,document.getElementById('checkbox1').checked,true)" onmouseout="table(1,document.getElementById('checkbox1').checked,false)">
<td width="20">
<input type='checkbox' id='checkbox1' onClick='table(1,this.checked,true)'>
</td>
<td width="85" onClick="CheckedMark('1')">
Value1-1
</td>
<td width="94" onClick="CheckedMark('1')">Value1-2</td>
<td width="76" onClick="CheckedMark('1')">Value1-3</td>
</tr>
<tr id="tr2" class="Default" onmouseover="table(2,document.getElementById('checkbox2').checked,true)" onmouseout="table(2,document.getElementById('checkbox2').checked,false)">
<td>
<input type='checkbox' id='checkbox2' onClick='table(2,this.checked,true)'>
</td>
<td onClick="CheckedMark('2')">
Value2-1
</td>
<td onClick="CheckedMark('2')">Value2-2</td>
<td onClick="CheckedMark('2')">Value2-3</td>
</tr>
<tr id="tr3" class="Default" onmouseover="table(3,document.getElementById('checkbox3').checked,true)" onmouseout="table(3,document.getElementById('checkbox3').checked,false)">
<td>
<input type='checkbox' id='checkbox3' onClick='table(3,this.checked,true)'>
</td>
<td onClick="CheckedMark('3')">
Value3-1
</td>
<td onClick="CheckedMark('3')">Value3-2</td>
<td onClick="CheckedMark('3')">Value3-3</td>
</tr>
<tr bgcolor="#E5E5E5" class="Default" id="tr4" onmouseover="table(4,document.getElementById('checkbox4').checked,true)" onmouseout="table(4,document.getElementById('checkbox4').checked,false)">
<td>
<input type='checkbox' id='checkbox4' onClick='table(4,this.checked,"true")'>
</td>
<td onClick="CheckedMark('4')">
Value4-1
</td>
<td onClick="CheckedMark('4')">Value4-2</td>
<td onClick="CheckedMark('4')">Value4-3</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
td:hover {
background-color: #00c;
}
</style>
</head>
<body>
<table width="200" border="1">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>