选中表格行变色标记效果

选中表格行变色标记效果 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN html xmlns= head meta http-equiv= Content-Type content= text/html; charset=gb2312 / title 选中表格行变色标记效果 /title style type= text/css !-- #ejiaA1 { width: 550px; border-top: #E3E3E3 1px solid; border-left: #E3E3E3 1px solid; } #ejiaA1 td,#ejiaA1 th { padding: 5px; border-right: #E3E3E3 1px solid; border-bottom: #E3E3E3 1px solid; font-size: 12px; height: 16px; line-height: 16px; } #ejiaA1 tr td span { color: #686868 } #ejiaA1 tr td span.st1 { color: #ff0000 } -- /style script language= javascript !-- //ejiaA1( 表格名称 , 奇数行背景 , 偶数行背景 , 鼠标经过背景 , 点击后背景 ); function ejiaA1(o,a,b,c,d){ var t=document.getElementById(o).getElementsByTagName( tr ); for(var i=0;i t.length;i++){ t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b; t[i].onclick=function(){ if(this.x!= 1 ){ this.x= 1 ; this.style.backgroundColor=d; }else{ this.x= 0 ; this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } t[i].onmouseover=function(){ if(this.x!= 1 ) this.style.backgroundColor=c; } t[i].onmouseout=function(){ if(this.x!= 1 ) this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b; } } } -- /script /head body table width= 500 border= 0 cellspacing= 0 cellpadding= 0 id= ejiaA1 tr th 接入方式 /th th 上网时间 /th th 下网时间 /th th 上网时长 /th /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr tr td 宽带接入 /td td 2008-4-23 12:40:18 /td td 2008-4-23 14:50:28 /td td 2小时10分10秒 /td /tr /table script language= javascript !-- ejiaA1( ejiaA1 , #fff , #F5F5F5 , #FFFFCC , #FFFF84 ); -- /script /body /html