1、该大型菜单使用HTML和纯CSS代码制作，没有任何js代码，不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。
南开网站建设公司创新互联,南开网站设计制作，有大型网站制作公司丰富经验。已为南开近1000家提供企业网站建设服务。企业网站搭建\外贸网站建设要多少钱，请找那个售后服务好的南开做网站的公司定做！
2、使用CSS样式表显示主菜单。设置鼠标悬停时的字体渐变颜色。使用样式表显示子菜单。定位下拉菜单，并将菜单项对齐。下拉菜单可以在页面上分级显示不同类别的项目。
3、定义页面使用的css样式，也是需要在里定义的。
4、首先，我们引用normalize.css作为默认样式，以确保我们的菜单在每个浏览器是一样的。我们使用字体图标fontawesome来显示菜单项向下的图标。我们还需要引用jQuery来实现菜单的切换。面板按钮每个网站面板导航按钮都类似。
这是一款纯CSS实现的大型下拉菜单。该大型菜单使用HTML和纯CSS代码制作，没有任何js代码，不依赖任意第三方插件。适合用于栏目分类较多的大型网站使用。
请单击“文件”“新建”以创建新的web源文件。默认情况下，新类型是OK。如果您有其他需要，可以选择页面类型、布局等，然后单击“创建”按钮。
本篇文章主要介绍了纯CSS实现下拉菜单的示例代码，分享给大家，具体如下：将下拉菜单的ul高度设置为0，并且超出部分隐藏掉。设置下拉菜单的高度添加过渡效果，高度为auto时过渡效果失效。
用CSS的伪类实现很简单先把二级菜单的display属性设为none然后鼠标移到li标签的时候设为block就是了 使用javascript事件控制子菜单块的样式display：none； 和 display：block； 的切换。自己动动脑子吧，别老让别人带写。
定义页面使用的css样式，也是需要在里定义的。
本人亲测下面这些代码是可以实现二级或多级导航菜单的。
应该分成两个部分，一个是导航比如说学院概况...，当鼠标移动到学院概况上给该li添加移动样式。
让二级菜单变成一行，只需要在竖排的效果上，让二级菜单都浮动起来，这样就在一行了。