这一小段JavaScript代码是什么意思？

麻烦帮助解释一下，对它不太熟悉
这段代码要达到的目的是：当鼠标在文字上面时，文字下面出现下拉菜单。
CSS code:
li:hover ul, li.over ul { //[color=#FF6600] ？这是什么意思[/color]
display: block; //我知道这是显示块信息
}

JScript code:
<script type="text/javascript"><!--//--><![CDATA[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over"; // [color=#FF9900]？这是什么意思[/color] }
node.onmouseout=function() {
this.className=this.className.replace(" over", ""); // [color=#FF0000]这是什么意思[/color] }
}
}
}
}
window.onload=startList;

//--><!]]></script>

---

就是改变样式吧

---

this.className+=" over"; 等价于 this.className=this.className+" over";
给className连接字符串“ over”