| 标题 | 表格整列换颜色 |
| 内容 | 查看效果: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 border=1 cellpadding=0 cellspacing=0 id=ordertab> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> <tr> <td>表格整列换颜色</td> <td>表格整列换颜色</td> <td class=col>表格整列换颜色</td> </tr> </table> </body> </html> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。