<table width="750" border="0" cellspacing="1" cellpadding="0" bgcolor="#666666">
<tr>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
<td height="30" bgcolor="#FFFFFF"> </td>
</tr>
</table>
<script type="text/javascript">
var tds = document.getElementsByTagName('td');
for (var i = 0; i < tds.length; i++) {
tds[i].onmouseover = function() {
this.style.background = '#FC0';
}
tds[i].onmouseout = function() {
this.style.background = '#fff';
}
}
</script>
这里特别写一下,需要注意js应在html之后,否则运行会没有效果,这是渲染方面的问题。因为这个问题,页面一直没有得到理想效果,纠结了一天才发现。