高效的表格行背景隔行变色及选定高亮的JS代码

//点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件
functionselectRow(target)
{
varsTable=document.getElementById("ServiceListTable")
for(vari=1;i<sTable.rows.length;i++)//遍历除第一行外的所有行
{
if(sTable.rows[i]!=target)//判断是否当前选定行
{
sTable.rows[i].bgColor="#ffffff";//设置背景色
sTable.rows[i].onmouseover=resumeRowOver;//增加onmouseover事件
sTable.rows[i].onmouseout=resumeRowOut;//增加onmouseout事件
}
else
{
sTable.rows[i].bgColor="#d3d3d3";
sTable.rows[i].onmouseover="";//去除鼠标事件
sTable.rows[i].onmouseout="";//去除鼠标事件
}
}
}
//移过时tr的背景色
functionrowOver(target)
{
target.bgColor="#e4e4e4";
}
//移出时tr的背景色
functionrowOut(target)
{
target.bgColor="#ffffff";
}
//恢复tr的的onmouseover事件配套调用函数
functionresumeRowOver()
{
rowOver(this);
}
//恢复tr的的onmouseout事件配套调用函数
functionresumeRowOut()
{
rowOut(this);
}