<table id='tab1' border=1 , align='center' ,, solid>

 <thead>

 <td>编号</td><td>姓名</td><td>年龄</td>

 <thead>

 <tbody >

 <tr><td>001</td><td>杨家将</td><td>24</td></tr>

 <tr><td>002</td><td>钟女神</td><td>20</td></tr>

 <tr><td>003</td><td>方大佬</td><td>23</td></tr>

 <tr><td>004</td><td>翁少爷</td><td>23</td></tr>

 </tbody>

 </table>

<script>

window.onload = function(){

    var oTab = document.getElementById('tab1');    //获取table表格元素保存在
　　oTabvar oldColr = '';　　　　　　　　　　　　　　　　　//保存原来行间的颜色

    for(var i=0;i<oTab.tBodies[0].rows.length;i++){   //for循环多少行 rows代表行，tBodies代表第一个表格tbody

        oTab.tBodies[0].rows[i].onmouseover = function(){   //添加移动事件

            oldColr = this.style.background;　　　　　　　　　//将自己原本的颜色赋值给空字符串

            this.style.background = 'green';                //移入变绿色

            }

        oTab.tBodies[0].rows[i].onmouseout = function(){    //添加移出事件

            this.style.background = oldColr;                //将之前保存的老颜色，赋值给自己

            }    

        if(i%2){　　　　

            oTab.tBodies[0].rows[i].style.background = '#CCC';

            }else{

                oTab.tBodies[0].rows[i].style.background = 'red';

                }    

        }

    };

</script>