Question

这个是用css是怎样做出来的，如图红线内的效果，求具体代码

Answer 1

其实用不着js，纯css就可以，顶部的div和下面的内容其实是一个选项卡的功能，下面子菜单受顶部菜单鼠标移到上面的影响，激活属性，显示出来。
具体我就不描述了，大致的框架和原理说一下(容器的宽度高度以及其他字体、背景之类的样式我就不写了)：
<style>
.nav{display:none}

.menu a:hover .nav{display:block}

</style>
<div class="menu"><a href="#">教育教学</a></div><div class="nav">本科生教育</div>

追问

这个只能实现隐藏，而且弹出的二级菜单会影响一级菜单的布局，这不是我要的效果

追答

用绝对定位就可以了~

Answer 2

是不是把鼠标放在“教育教学”，“师资队伍”“科学研究”上，会弹出相应的信息

这个是用css和javascript做的
把“本科生-------继续教育”隐藏，当把鼠标放在“教育教学”上的时候，用js把元素样式设置为显示，“本科生-------继续教育”就会弹出来

追问

用css可以实现，我只想要css的效果

追答

看看这个效果和你的差不多

追问

谢谢

Answer 3

跑不掉了，用js吧

追问

等我做出来了，贴出来给你们看哈

追答

好，加油~坐等学习

追问

大神，我错了！>-<;我要向你学习

追答

我不是大神啊，我是渣渣而已啊，不然我早给你写出了

追问

大神你可不能跟我这个菜鸟一般见识啊，求教啊

Answer 4

百度：js tab切换
有很多现成代码，改改就成..