关于移动鼠标的几种写法求人指点下

是这样的 我开始写关于这个鼠标移动的代码然后写了几种形式发现都不能实现 一开始以为是写错了或者语法有误  请大家看看

window.onload = function shubiao(){
        var a=document.getElementsByTagName("tr")
     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。
     
       for(i=0;i<a.length;i++){
    function sb(a){

tr[a].style.backgroundColor="#f2f2f2"

}

 function sq(a){

tr[a].style.backgroundColor="#fff"

}

    
       a[i].onmouseover=sb(i)
       a[i].onmouseout=sq(i)
       
       }

这种在for里面定义函数的方法感觉有问题 但是我感觉定义在for外面也不对

我后面自己在网上研究了之后得到的结果是

window.onload = function(){

     // 鼠标移动改变背景,可以通过给每行绑定鼠标移上事件和鼠标移除事件来改变所在行背景色。

         var tr=document.getElementsByTagName("tr")

function sb(a){

    return function (){

          tr[a].style.backgroundColor="#f2f2f2"   

    }   

}

            function sq(b){

    return function (){

          tr[b].style.backgroundColor="#fff"   

    }   

}

     for(i=0;i<tr.length;i++){

         tr[i].onmouseover=sb(i);

         tr[i].onmouseout=sq(i);

     }

}

请高手指点下  谢谢！