Question

懂js的麻烦帮忙解释下每句的意思，越详细越好，谢谢…

<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("menu").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),
"");
}
}
}
window.onload=menuFix;
//--><!]]></script>

Answer 1

一加载窗口,就执行menuFix函数.
menuFix函数的主要作用是给id为menu的<ul>标签的子元素,即<li>标签,加上鼠标移入(onmouseover),移出(onmouseout),按下(onMouseDown),弹开(onMouseUp)四个事件,想要达到的效果是通过改变class中值,从而显示不同的CSS样式.查看下".sfhover"的CSS样式.
最后一个onmouseout事件牵涉到正则表达式.
查看实际效果,对照下程序的代码,加深理解.
以上代码很有质量!

追问

那么如果我想对这个二级下拉菜单进行样式的修改，只要修改css就行，不用修改js代码吗？

追答

我想是的.
试试吧.