<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html> <head> <title></title> <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1"> <meta name="ProgId" content="VisualStudio.HTML"> <meta name="Originator" content="Microsoft Visual Studio .NET 7.1"> <script id="clientEventHandlersJS" language="javascript">... <!-- function CreateRows_onclick() ...{ //动态增加行 //增加一行 var AppendRow = Orders.insertRow(Orders.rows.length); var TotalRows = Orders.rows; var Cells= AppendRow.cells; //增加三列 var AppendCell1= TotalRows(AppendRow.rowIndex).insertCell(Cells.length); var AppendCell2= TotalRows(AppendRow.rowIndex).insertCell(Cells.length); var AppendCell3= TotalRows(AppendRow.rowIndex).insertCell(Cells.length); AppendCell1.innerHTML="<B>1</B>"; AppendCell2.innerHTML="<B>2</B>"; AppendCell3.innerHTML="<B>3</B>"; AppendRow.id=Orders.rows.length; AppendCell1.id=(AppendRow.id)*10+1; AppendCell2.id=(AppendRow.id)*10+2; AppendCell3.id=(AppendRow.id)*10+3; //为新建行注册onmouseover事件被触发时调用的函数 AppendRow.onmouseover = changeBackgroudColor; AppendRow.onmouseout =changeOriginalColor; } function changeBackgroudColor() ...{//鼠标进入该行时改变颜色 var id = event.srcElement.id; var floatId = id/10; var rownunber = Math.floor(floatId); if (rownunber%2 == 1) ...{ //单行时为红色 if(event.srcElement.tagName=="TD") ...{ event.srcElement.parentElement.style.backgroundColor = "#ff3300"; } else ...{ event.srcElement.style.backgroundColor = "#ff3300"; } } else ...{ //双数行时为兰色 if(event.srcElement.tagName=="TD") ...{ event.srcElement.parentElement.style.backgroundColor = "#0033cc"; } else ...{ event.srcElement.style.backgroundColor = "#0033cc"; } } } function changeOriginalColor() ...{ //鼠标离开该行时恢复颜色 if(event.srcElement.tagName=="TD") ...{ event.srcElement.parentElement.style.backgroundColor = "#ffcc00"; } else ...{ event.srcElement.style.backgroundColor ="#ffcc00"; } } //--> </script> </head> <body> <FONT face="宋体"><INPUT id="CreateRows" type="button" value="CreateRows" name="CreateRows" onclick="return CreateRows_onclick()"> <TABLE id="Orders" cellSpacing="1" cellPadding="1" width="300" border="1" bgcolor="#ffcc00"> <TR id="1" onmouseover="changeBackgroudColor()" onmouseout="changeOriginalColor()"> <TD id="11">aa</TD> <TD id="12">bb</TD> <TD id="13">cc</TD> </TR> </TABLE> </FONT> </body></html>