清风徐来
知是行之始,行是知之成

兼容ie的鼠标经过表格变色

PHP 表格变色 约 2 分钟
<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会报错的。