选中表格行变色标记效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><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.style.backgroundColor=(t.sectionRowIndex%2==0)?a:b;t.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.onmouseover=function(){if(this.x!="1")this.style.backgroundColor=c;}t.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>
页:
[1]