请教一个有关于动态改变表格背景的问题

<body>
<table id = "aa"><tr><Td>aaa</td><td>bbbbbbb</td><td>bbbbbbb</td><td>bbbbbbb</td><td>bbbbbbb</td></tr>
<tr><Td onMouseOver="javascript:var src = window.event.srcElement; var upsrc = document.all.aa.rows[parseInt(src.parentElement.rowIndex)-1].cells[src.cellIndex];upsrc.bgColor='#F0F1FF';">over here</td><td>bbbbbbb</td><td>bbbbbbb</td><td>bbbbbbb</td><td>bbbbbbb</td></tr>
</table>
</body>

解决方案 »

  1.   

    对不起，学得不是很好，有点看不明白，看您能不能写成一个function呢？
      

  2.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>emu</title>
    </head>
    <SCRIPT>
    <!--
    function hilight(){
    document.all.tags("TR")[0].children[event.srcElement.cellIndex].bgColor="#FFFFCC"
    }
    function unhilight(){
    document.all.tags("TR")[0].children[event.srcElement.cellIndex].bgColor="white"
    }
    function init(){
    var tds = document.all.tags("TD");
    for (var i=0;i<tds.length;i++)
    {
    tds[i].attachEvent("onmouseover",hilight)
    tds[i].attachEvent("onmouseout",unhilight)
    }
    }
    //-->
    </SCRIPT>
    <body onload=init()>
    <TABLE>
    <TR>
    <TD>aaa</TD>
    <TD>bbb</TD>
    <TD>ccc</TD>
    </TR>
    <TR>
    <TD>000</TD>
    <TD>111</TD>
    <TD>222</TD>
    </TR>
    <TR>
    <TD>333</TD>
    <TD>444</TD>
    <TD>555</TD>
    </TR>
    <TR>
    <TD>666</TD>
    <TD>777</TD>
    <TD>888</TD>
    </TR>
    </TABLE>
    </body>
    </html>