这个其实很简单啊，用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，鼠标经过时自动出现
