鼠标划过时表格时颜色变化的问题

当鼠标滑过这个表中时怎么把最后一个<td>的颜色不让它消失？
还有第一次加载时怎么让第一个<td> 有颜色？以下是我写的代码不能实现以上两个功能？该怎么改进
就是第一次加载时第一个<td> 招标公告北京变成了白色，所以字看不到
<script language="javascript">
function showIn(f)
{
document.getElementById("t5").bgColor="#FFFFFF";
document.getElementById("t6").bgColor="#FFFFFF";
document.getElementById("t7").bgColor="#FFFFFF";
document.getElementById("t8").bgColor="#FFFFFF";
document.getElementById("t"+f).bgColor="#ff9945";
document.getElementById("t"+f).style.color="#FFFFFF";
}
function clearIn(s)
{
document.getElementById("t"+s).bgColor="#FFFFFF";
document.getElementById("t"+s).style.color= "#996600";

}
</script>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" >
      <tr valign="top">
        <td width="15%" height="25" align="center" valign="middle" bgcolor="#ff9945" class="STYLE3" style="color:#FFFFFF"  id="t5" onmouseover="showIn(5);" onmouseout="clearIn(5);">招标公告</td>
        <td  width="15%" height="25" align="center" valign="middle" class="STYLE3" id="t6" onmouseover="showIn(6);" onmouseout="clearIn(6);">拟建项目</td>
        <td  width="15%" height="25" align="center" valign="middle" class="STYLE3" id="t7" onmouseover="showIn(7);" onmouseout="clearIn(7);">在建项目</td>
<td width="15%" height="25" align="center" valign="middle"class="STYLE3" id="t8" onmouseover="showIn(8);" onmouseout="clearIn(8);">经典工程</td>
        <td width="13%" height="25" align="center" valign="middle" ><span class="STYLE4"><a href="../project/index.jsp">更多>></a></span>  </td>

      </tr>
    </table>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

改代码其实很简单，但不知楼主是想怎么样，不知是想还是不想，说得不太明白。
你这个加载后第一个TD是有颜色的哇.
搂主没说明白。我也没有看到‘北京’在什么地方。
写错了，是背景  变成了白色，所以字看不到