|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www./TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www./1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS+JS控制表格行选中变色并储存的代码 - www.</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"><!-- 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> <td colspan="4"><span class="st1"><span><a href="/" target="_blank">网页代码站</a></span> 当前页：<span>第1页 共2页 </span> 总次数：<span>66</span> 总时长：<span>284小时36分27秒</span></span></td> </tr> <tr> <th>接入方式</th><th>上网时间</th><th>下网时间</th><th>上网时长</th> </tr> <tr> <td>ASP</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>PHP</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>JSP</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("ejiaA1","#fff","#F5F5F5","#FFFFCC","#0066CC"); --></script>
</body>
</html> <a href="http://www.">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
|
|
|
来自： weiledream > 《我的图书馆》
