html table 被选中行变颜色

<table id='table1' width="100%" border="2" cellspacing="0" cellpadding="0">
    <tr>
   <td>菜单一</td>
    </tr>
    <tr>
   <td>菜单二</td>
    </tr>
    <tr>
   <td>菜单三</td>
    </tr>
    <tr>
   <td>菜单四</td>
    </tr>
    <tr>
   <td>菜单五</td>
    </tr>
</table>
<SCRIPT LANGUAGE="JavaScript">
<!--
var trs = document.getElementById('table1').getElementsByTagName('tr');
   window.onload = function(){
    for( var i=0; i<trs.length; i++ ){
     trs[i].onmousedown = function(){
      tronmousedown(this);
     }
    }
   }
   function tronmousedown(obj){
    for( var o=0; o<trs.length; o++ ){
     if( trs[o] == obj ){
      trs[o].style.backgroundColor = '#DFEBF2';
     }
     else{
      trs[o].style.backgroundColor = '';
     }
    }
   }
     //-->
</SCRIPT>

实现了被选中行变颜色的功能