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';
}
}
此处的for循环我理解的是首先将lis遍历，然后将鼠标经过、移开的lis改变背景色，但此处为什么this就能代表鼠标经过、移开的lis？
this指的是当前调用函数的对象。for循环为每个lis[]添加Mouse事件。
当i=0时，代码为：lis[0].onmouseover=function{this.style.background='#567';}此时lis[0]就被添加了事件，这个时候的this代表lis[0]。
当下一次循环到;lis[1]时，this又是另一个lis[1]了。
你可以理解为第一个是this0，第二个为this1，之后this2···都是用this，但其实每个this指向的都不同。
另外，如果this换成lis[i]，i是一个变量，会导致最后所有的事件都变成最后一个i（假如是5），所有事件都是lis[5].style.background了。