js改动css样式的时候，鼠标悬停更改样式的问题！

Question

cssjavascriptdocument.getvisibility  鼠标经过

Answer 1

window.onload = function(){
    for(var i=1;i<9;i++){
        var ms = document.getElementById("xs_"+i);
        var add = document.getElementById("sx_")+i;
        ms.onmouseover = function(){
            add.style.visibility = "visible";
        };
        ms.onmouseout = function(){
            add.style.visibility = "hidden";
        };
    }
}

Answer 2

上面i写错了个位置，也忘记加个闭包了。window.onload = function(){
    for(var i=1;i<9;i++){
        (function(x){
            var ms = document.getElementById("xs_"+x);
            var add = document.getElementById("sx_"+x);
            ms.onmouseover = function(){
                add.style.visibility = "visible";
            };
            ms.onmouseout = function(){
                add.style.visibility = "hidden";
            };
        })(i);
    }
}