//鼠标经过一级菜单，二级菜单动画下拉显示出来

        aLi[i].onmouseover=function(){

          var oSubNav=this.getElementsByTagName('ul')[0];

          clearInterval(oSubNav.time);

          oSubNav.time=setInterval(function(){

                  oSubNav.style.height=oSubNav.offsetHeight+30+"px";

                  if(oSubNav.offsetHeight>=120)

                    clearInterval(oSubNav.time);

              },30)

        }

        //鼠标离开菜单，二级菜单动画收缩起来。    

        aLi[i].onmouseout=function(){

          var oSubNav=this.getElementsByTagName('ul')[0];

          clearInterval(oSubNav.time);

          oSubNav.time=setInterval(function(){

                oSubNav.style.height=oSubNav.offsetHeight-30+"px";

                if(oSubNav.offsetHeight<=0)

                  clearInterval(oSubNav.time);

            },30)     

      }

这个不是因为  点击前二级菜单的高度为0 所以不显示的吗？  点击之后给二级菜单 height 赋值 然后显示出来？

不就是BODY里面的LI列表，隐藏了而已。