ขอสอบถามเกี่ยวกับ การนำเมาส์ไปชี้ที่แถวแล้วเปลี่ยนสีอีกสีหนึ่งตามเมาส์อะครับ ทำอย่างไรหรอครับ

<style>
.myTab1{
border-color:#5f5f5f;
border-width:1px;
background-color:#f0f0f0;
}
.myTab2{
border-color:#5f5f5f;
border-width:1px;
background-color:#525252;
}
</style>
<table cellspacing="3" cellpadding="0">
<tr><td class="myTab1" onmouseover="this.className='myTab2'" onmouseout="this.className='myTab1'">ทดสอบ 1</td></tr>
<tr><td class="myTab1" onmouseover="this.className='myTab2'" onmouseout="this.className='myTab1'">ทดสอบ 2</td></tr>
<tr><td class="myTab1" onmouseover="this.className='myTab2'" onmouseout="this.className='myTab1'">ทดสอบ 3</td></tr>
</table>