<script type="text/javascript"> function changeColor(table, color, background, wordcolor){ var t=document.getElementById(table).getElementsByTagName("td"); for(var i=0;i<t.length;i++){ t[i].style.backgroundColor=color; t[i].οnmοuseοver=function(){ if(this.x!="1") { this.style.backgroundColor=background; this.style.color= wordcolor; } } t[i].οnmοuseοut=function(){ if(this.x!="1") { this.style.backgroundColor=color; this.style.color= "#000000"; } } } } </script> <style type="text/css"> body{width:90%; font:13px "宋体", Arial, Helvetica, sans-serif; color:#333;} .areaList{ border:1px #000 solid; border-left:none; border-bottom:none; } .areaList td{ border-left:1px #000 solid; border-bottom:1px #000 solid; height:35px; text-align:center; } a {text-decoration: none;color: #000000;} a:HOVER {color: #A91709;} </style>
<body topmargin="0" leftmargin="0">
<div style="background-color:#FFFFFF;">
<table class="areaList" id="areaList" border="0" cellspacing="0" cellpadding="0" width="650px" align="center">
<tr>
<td><a href="#" target="_blank">北京市</a></td>
<td><a href="#" target="_blank">天津市</a></td>
<td><a href="#" target="_blank">上海市</a></td>
<td><a href="#" target="_blank">重庆市</a></td>
<td><a href="#" target="_blank">直辖市</a></td>
</tr>
<tr>
<td><a href="#" target="_blank">山东省</a></td>
<td><a href="#" target="_blank">湖北省</a></td>
<td><a href="#" target="_blank">浙江省</a></td>
<td><a href="#" target="_blank">福建省</a></td>
<td><a href="#" target="_blank">广东省</a></td>
</table>
</div>
<script type="text/javascript">
changeColor("areaList", "#FFF", "#9CCFFF", "#A91709");
</script>
</body>