|
|
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><script>var varclk=null;function change1(varid,val){if(varclk!=null){var e1=eval("document.all.td"+varclk);for(i=0;i<e1.length;i++){e1[i].style.background='#fff';}}varclk=varid;var e=eval("document.all.td"+varid);for(i=0;i<e.length;i++){e[i].style.background='#BCBAFA';}alert(val);}</script></head><body><table width="300" border="1"> <tr > <td id="td1">a</td> <td id="td1">b</td> <td id="td1">c</td> <td id="td1">d</td> <td id="td1">e</td> </tr> <tr > <td id="td2">a</td> <td id="td2">b</td> <td id="td2">c</td> <td id="td2">e</td> <td id="td2">d</td> </tr> <tr > <td id="td3">a</td> <td id="td3">b</td> <td id="td3">c</td> <td id="td3">e</td> <td id="td3">d</td> </tr></table></body></html>
下段代码没有好地解决办法，处理tr间隔行的问题
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr{background:expression(this.rowIndex%2==0 ? "red":"#fff");} </style><script>var varclk=null;function change1(varid,val){if(varclk!=null){var e1=eval("document.all.td"+varclk);for(i=0;i<e1.length;i++){e1[i].style.background="red";}}varclk=varid;var e=eval("document.all.td"+varid);for(i=0;i<e.length;i++){e[i].style.background='#BCBAFA';}//alert(val);}</script></head><body><table width="300" border="1"> <tr > <td id="td1">a</td> <td id="td1">b</td> <td id="td1">c</td> <td id="td1">d</td> <td id="td1">e</td> </tr> <tr > <td id="td2">a</td> <td id="td2">b</td> <td id="td2">c</td> <td id="td2">e</td> <td id="td2">d</td> </tr> <tr > <td id="td3">a</td> <td id="td3">b</td> <td id="td3">c</td> <td id="td3">e</td> <td id="td3">d</td> </tr></table></body></html>
解决方式：
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr {background-color:expression((this.sectionRowIndex%2==0)?"#F3F9FE":"#fff")}</style><script>var varclk=null;var oldcolor=null;function change1(vartr){if(varclk!=null){varclk.style.backgroundColor=oldcolor;}oldcolor=vartr.style.backgroundColor;vartr.style.backgroundColor='green';varclk=vartr;}</script></head><body><table width="300" border="1"> <tr > <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> </tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td> </tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td> </tr></table></body></html>
变换文字颜色
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>test</title><style>tr {background-color:expression((this.sectionRowIndex%2==0)?"#935645":"#fff")}</style><script>var varclk=null;var oldcolor=null;function change1(vartr){if(varclk!=null){varclk.style.backgroundColor=oldcolor;varclk.style.color="black";}oldcolor=vartr.style.backgroundColor;vartr.style.backgroundColor='#456';vartr.style.color="red";varclk=vartr;}</script></head><body><table width="600" border="0"> <tr > <td>a</td> <td>b</td> <td>c</td> <td>d</td> <td>e</td> </tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td> </tr> <tr > <td>a</td> <td>b</td> <td>c</td> <td>e</td> <td>d</td> </tr></table></body></html> |
|
京ICP备14020293号-2
本网站内容均收集于互联网，如有问题请联系QQ:389897944予以删除
窥视卡
雷达卡
楼主
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡