下面js代码求解释啊，最好是能注释一下

function menuFix() {
//获取页面ID为‘menu_li’下边的所有li标签，返回一个数组
var sfEls = document.getElementById("menu_li").getElementsByTagName("li");
for (var i=0; i sfEls[i].onmouseover=function() {//注册鼠标移到该li标签上的事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//改变当前li标签的class属性值(css样式)
}
sfEls[i].onMouseDown=function() {//注册鼠标按下的事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//改变当前li标签的class属性值(css样式)
}
sfEls[i].onMouseUp=function() {//注册鼠标松开的事件
this.className+=(this.className.length>0? " ": "") + "sfhover";//改变当前li标签的class属性值(css样式)
}
sfEls[i].onmouseout=function() {//注册鼠标移开该li标签的事件
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),//改变当前li标签的class属性值(css样式)
"");
}
}
}
window.onload=menuFix;//页面加载完成时，执行menuFix方法