<style>
.ordered{
background:#CECECE;
text-align:center;
}
.ordered tr{
background-color:#fff;
event:expression(onmouseover = function(){this.style.backgroundColor='#d5f4fe'},onmouseout = function(){this.style.backgroundColor='#FFFFFF'});
}
.ordered tr:hover{
background:#d5f4fe;//兼容ie
}
</style>
<table cellspacing="1" class="ordered">
<tr >
<th>品名</th>
<th>型号</th>
<th>市场标价</th>
<th>优惠价格</th>
<th>订购数量</th>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr >
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
</table>
另:如果只需要隔行输出,那么下面的方式更简单,而且也无需干涉table的代码。
<script language="javascript" >
function classcolor(classid,color)
{
_ObjTable=document.getElementById(classid);
for(var i=2; i<_ObjTable.rows.length; i=i+2){
_ObjTable.rows[i].bgColor=color;
}
}
</script>
<table cellspacing="1" id='lastsell'>
<tr>
<th>品名</th>
<th>型号</th>
<th>市场标价</th>
<th>优惠价格</th>
<th>订购数量</th>
</tr>
<tr>
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr>
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr>
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
<tr>
<td>OX-6鸿枫</td>
<td>800*111*14mm</td>
<td>208元/㎡</td>
<td>198元/㎡</td>
<td>12</td>
</tr>
</table>
<script language="javascript" >classcolor("lastsell","#f0f8fd")</script>
注意的是下面的js代码
<script language="javascript" >classcolor("lastsell","#f0f8fd")</script>
要放到table后面,否则找不到id为lastsell的table,js会报错的。