根据您的描述，我理解您可能需要使用JavaScript或CSS来实现这个功能。以下是一些可能有用的代码段：1. 使用CSS实现您可以在HTML中创建垂直导航栏，然后使用CSS来控制它的显示和隐藏。当用户鼠标悬停在一级导航上时，使用CSS的:hover选择器来显示二级导航。例如，当用户鼠标悬停在“产品”一级导航上时，显示包含产品子选项的二级导航：```/* CSS样式 */.nav { display: flex; flex-direction: column;}.nav .nav-item { margin-bottom: 10px;}.nav .nav-item:hover .sub-nav { display: block;}.sub-nav { display: none;}``````\u003c!--HTML代码--\u003e\u003cnav class=\"nav\"\u003e \u003cdiv class=\"nav-item\"\u003e 产品 \u003cul class=\"sub-nav\"\u003e \u003cli\u003e产品1\u003c/li\u003e \u003cli\u003e产品2\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv class=\"nav-item\"\u003e 关于我们 \u003cul class=\"sub-nav\"\u003e \u003cli\u003e公司介绍\u003c/li\u003e \u003cli\u003e我们的团队\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e\u003c/nav\u003e```2. 使用JavaScript实现您可以创建JavaScript函数来显示和隐藏二级导航。当用户鼠标悬停在一级导航上时，将触发此函数，显示对应的二级导航。例如，当用户悬停在“产品”一级导航上时，触发showSubNav函数来显示包含产品子选项的二级导航：```/* JavaScript代码 */function showSubNav(navItem) { var subNav = navItem.querySelector('.sub-nav'); subNav.style.display = 'block';}function hideSubNav(navItem) { var subNav = navItem.querySelector('.sub-nav'); subNav.style.display = 'none';}``````\u003c!-- HTML代码 --\u003e\u003cnav class=\"nav\"\u003e \u003cdiv class=\"nav-item\" onmouseover=\"showSubNav(this)\" onmouseout=\"hideSubNav(this)\"\u003e 产品 \u003cul class=\"sub-nav\"\u003e \u003cli\u003e产品1\u003c/li\u003e \u003cli\u003e产品2\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e \u003cdiv class=\"nav-item\" onmouseover=\"showSubNav(this)\" onmouseout=\"hideSubNav(this)\"\u003e 关于我们 \u003cul class=\"sub-nav\"\u003e \u003cli\u003e公司介绍\u003c/li\u003e \u003cli\u003e我们的团队\u003c/li\u003e \u003c/ul\u003e \u003c/div\u003e\u003c/nav\u003e```
