实在不晓得为什么错了，鼠标经过，边框有反应，但是不能运行：display:block；关键的CSS代码和JS在靠近第一个body标签旁边

  <script type="text/javascript">

    window.onload=function(){

      var Lis=document.getElementsByTagName("li");

      for(var i=0;i<Lis.length;i++){

        Lis[i].onmouseover=function(){

          this.className="lihover";

        }

        Lis[i].onmouseout=function(){

          this.className="";

        }

      }

    }

  </script>

CSS:

    .nav_content .lihover {//鼠标移动到上面，应用的样式

      background-image: none;

      border:2px solid #DDD;

      border-right: 0;

      box-shadow: 0 0 8px #DDD;

      -moz-box-shadow:0 0 8px #DDD;

      -webkit-box-shadow:0 0 8px #DDD;

    }

    .nav_content .lihover .submenu{//悬浮层

         display: block;

    }

    .nav_content .lihover span{//白色小方框

      height:31px;

      width:10px;

      background: #FFF; 

      display: inline-block;

      z-index: 20;

      float: right;

      position: relative;

    }