js中，动态绑定事件的问题

Question

想给一组li的鼠标事件绑定不同的参数的同名函数

var liObj = window.document.getElementsByTagName("li");
for (var  i = 0; i < liObj.length; i++) {
    var element = liObj[i];
    element.onmouseover = function () {
        stopScroll(i);
    }
    element.onmouseout = goonScroll;
}

stopScroll(i);
是自己定义的一个函数，
现在问题是，按照我的理解，循环绑定的结果是
第一个li标签的onmouseover绑定了stopScroll(0)；
第二个li标签的onmouseover绑定了stopScroll(1)；

然而结果下来 每个li的onmouseover都绑定了stopScroll(6)；
这是怎么回事？（liObj的长度是6，可是我想不通这里是怎么回事啊）

Answer 1

闭包或者自定属性
闭包

     element.onmouseover = (function (i) {
        return function(){stopScroll(i);}
    })(i)

自定义属性

     element.i=i
    element.onmouseover = function () {
        stopScroll(this.i);
    }