求CSS大神网页导航条鼠标经过后有背景有下拉菜单 效果如图

这个其实很简单啊，用hover就行。

下面是例子：

css代码

  body{background:#566;}
  ul{margin-left: 0;padding-left: 0}
  li{
    display:inline-block;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
  }
  .menuitem{
    float: left;
    width: 120px;
    list-style: none;
  }
 .submenuitem{
    display: none;
    float: none;
    margin-left: 0;
    list-style: none;
    border: dotted #e00;
    border-width: 0 0 2px 0;
  }
  .menuitem:hover{
    background-color:#b00;
  }
  .menuitem:hover .submenuitem{
    display: block;
    background-color:#b00;
  }

HTML代码

  首页
  
    学校概况
    

      学校简介
      现任领导
      信息公开
    

  
  机构设置

效果大概其就是你想要的那种，不用js，鼠标经过时自动出现

一定要有js才行的