这个for循环是怎么做到改变元素对象的背景的？？？大神，麻烦详细说一下执行过程

 for(var i=0,l=lis.length;i<l;i++){

      lis[i].onmouseover=function(){

      this.style.background='#567';

      }

      lis[i].onmouseout=function(){

      this.style.background='#FFF';

      }

}