js下拉菜单问题（新手帮忙看看）


<style type="text/css">
ul{
padding:0;
margin:0;
list-style:none;
}
li{
float:left;
width:160px;
}
li ul{
display:none;
top:20px;
}
li:hover ul , li.over ul{
display:block;
}
</style>
<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";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;//--><]]></script>
[code=HTML]
<ul id="nav">
<li><a href="">文章</a>
<ul>
<li><a href="">css教程</a></li>
<li><a href="">dom教程</a></li>
<li><a href="">xml教程</a></li>
<li><a href="">flash教程</a></li>
</ul>
</li>
<li><a href="">参考</a>
<ul>
<li><a href="">XHTML</li>
<li><a href="">XML</li>
<li><a href="">CSS</li>
</ul>
</li>
<li><a href="">blog</a>
<ul>
<li><a href="">是否</li>
<li><a href="">规范</li>
<li><a href="">C而</li>
</ul>
</li>
<li><a href="">other</a>
<ul>
<li><a href="">XkjL</li>
<li><a href="">ut</li>
<li><a href="">体育</li>
</ul>
</li>
</ul>
[/code]给我说说 li.over ul是什么意思，还有 document.all&&document.getElementById和
                                   if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
是什么意思