CSS STYLE:
---------------------------------------------------------
<style>
#testTable {
 width: 500px;
 margin-bottom: 10px;
}
#testTable tr{
 background-color: white;
}

#testTable tr.selected{
 background-color: orange;
}

#testTable tr td{
 padding: 1px 10px;
 border: 1px solid #e8e8e8;
}
#testTable tr th{
 background-color: #e8e8e8;
border: 1px solid #c2c2c2;
}
</style>



TABLE HTML:
---------------------------------------------------------
<table id="testTable">
 <tr>
   <th colspan="3">Example Table</th>
 </tr>
 <tr>
  <td>Cell 1,1</td>
  <td>Cell 1,2</td>
  <td>Cell 1,2</td>
 </tr>
 <tr>
  <td>Cell 2,1</td>
  <td>Cell 2,2</td>
  <td>Cell 2,2</td>
 </tr>
 <tr>
  <td>Cell 3,1</td>
  <td>Cell 3,2</td>
  <td>Cell 3,2</td>
 </tr>
 <tr>
  <td>Cell 4,1</td>
  <td>Cell 4,2</td>
  <td>Cell 4,2</td>
 </tr>
 <tr>
  <td>Cell 5,1</td>
  <td>Cell 5,2</td>
  <td>Cell 5,2</td>
 </tr>
</table>


CONTROLLING JAVASCRIPT
---------------------------------------------------------
<script type="text/javascript">
$("#testTable tr").hover(
	function(){
		$(this).addClass("selected");
	}, function(){
		$(this).removeClass("selected");
	}
);
</script>