求解答Javascript 调用 CSS

[cai11709394]

小弟最近遇到一个问题！
问题是这样的！
<script>
function nav_mouseover(obj)
{
obj.bgColor='#C1D2EE';
}

function nav_mouseout(obj)
{

obj.bgColor = "";
}

</script>
<style type="text/css">
.tddd
{
background-color: #ccffff;
}
</style>

<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" >
<tr onMouseOver="nav_mouseover(this)" onMouseOut="nav_mouseout(this)" class="tddd">
<td>aaaa</td>
<td>ttt</td>
</tr>
</table>

我在tr里定义了CSS，现在不能实现onMouseOver 改变背景颜色 但tr必须用CSS来控制！
请问有什么方法可以在onMouseOver 改变背景颜色，onMouseOut改变回CSS类呢？？
希望高手教教小弟！
谢谢！

[cai11709394]

UPUPUP!
大家帮帮忙

[cxz7531]

<script>
function nav_mouseover(obj){
obj.className="";
obj.bgColor='#black';
}
function nav_mouseout(obj){
obj.className="tddd";
}

</script>
<style type="text/css">
.tddd {
background-color: #ccffff;
}
</style>
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" >
<tr onMouseOver="nav_mouseover(this)" onMouseOut="nav_mouseout(this)" class="tddd">
<td>aaaa</td>
<td>ttt</td>
</tr>
</table>