首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

选中报表行变色标记效果

2012-12-27 
选中表格行变色标记效果!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3

选中表格行变色标记效果

<!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[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>

?

热点排行