Question

这样类似的二级菜单用CSS和html怎么实现?

Answer 1

这个说来话来，但只要你知道原理就很简单了，做得好不好看是样式的问题了。请看如下调用jquery的j显示子菜单的代码：
$("#menu_2").hover(function() {
$(".sub_menu_2").show();
},
function() {
/*这里就是out事件*/
$(".sub_menu_2").hide();
});
剩下的就是样式的问题了

Answer 2

二级菜单实现方法，在一级菜单的下面这样写：
<ul>
<li><a href="" >二级菜单名</a></li>
<li><a href="" >二级菜单名</a></li>
<li><a href="" >二级菜单名</a></li>
</ul>

Answer 3

应该分成两个部分，一个是导航比如说学院概况...，当鼠标移动到学院概况上给该li添加移动样式。还有一部分是鼠标移动上去显示的div