<table id="main_table"><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr><tr> <td width="100">a</td> <td width="100">b</td></tr></table><script>//function setColor(curElement){ curElement.style.backgroundColor="#DDEEFF"; curElement.style.color="#000000";}
function resetColor(curElement){ if(curElement.rowIndex%2==0){ curElement.style.backgroundColor="#E7E7E7"; }else{ curElement.style.backgroundColor="#FFFFFF"; } curElement.style.color="black";}
//动态产生一个层,用来控制每行颜色的变化document.writeln('<div id="onmouse" style="display:none" onmouseover="setColor(this)" onmouseout="resetColor(this)"></div>');var sTable = document.all.main_table;//得到指定表格idif (sTable) for (var i=0; i<sTable.rows.length; i++) { if(i%2==0){ sTable.rows[i].style.backgroundColor="#C2D8E0"; }else{ sTable.rows[i].style.backgroundColor="#ffffff"; } //调用层中的方法,改变鼠标所在行的颜色 sTable.rows[i].onmouseover=document.all.onmouse.onmouseover; sTable.rows[i].onmouseout=document.all.onmouse.onmouseout; }
</script>
Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved. 闵涛 E_mail:admin@mintao.net(欢迎提供学习资源)
鄂公网安备 42011102001154号
站长:MinTao ICP备案号:鄂ICP备11006601号-18