| 标题 | 表格整列换颜色 |
| 范文 | 查看效果:js实现整列变颜色 <!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>js整列换颜色</title> </head><SCRIPT LANGUAGE="JavaScript"> <!-- var tbl = document.getElementById("orderTab"),row=tbl.rows,cel=tbl.getElementsByTagName("td"),W=0; var H = function(i,cor){for(var n=0,c;c=row[n++];){c.cells[i].style.background=cor;}} for(var i=0,r;r=cel[i++];){ r.onmouseover = function(){H(W,"#FFF"); W=this.cellIndex; H(W,"red")} } //--> </SCRIPT> <body> <table width="549" height="30" cellpadding="0" cellspacing="0" id="orderTab"> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td>表格整列换颜色</td> </tr> </table> </body> </html> |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。