JavaScript:导航栏下拉列表项内部

请有人提供我如何复制示例中所示功能的见解

---

具体而言，导航栏（第一个选项卡）>监视。用户可以将鼠标悬停在链接上，当用户单击链接或鼠标移出后，将显示并隐藏全屏宽度下拉列表。我正在创建一个类似的菜单类型下拉列表，需要它在所有平台和浏览器上运行，包括ie7

---

欣赏这一见解。

这里没有什么特别的东西，或者需要现代浏览器，只需使用“典型”来显示最初隐藏的菜单

有一个包装器#导航设置

位置：relative

（这允许子项相对于它绝对定位）。然后里面有一个用来居中的

标签。然后里面是一个

ul.level-1

，带有

li

，它们是

display:inline

，是主菜单项。然后在这些菜单中是您喜欢的菜单，它们绝对是向下放置的，并且是100%宽度

然后显示菜单的位：

// level two menu hidden by default
div.level-2 {
  display: none;
}

// show level-2 when hovering parent menu item
ul.level-1 li:hover div.level-2 {
  display: block;
}

---

改进的引导导航系统怎么样？“我正在创建一个类似的菜单类型下拉列表”你应该发布你的代码，而不是文章中的外部链接。此外部网站迟早会被升级/离线，此帖子将被弃用，对其他用户没有用处。感谢您的贡献。更进一步说，一旦导航栏完成并使用php插入页面，当子菜单下拉时，如何使展开向下推动其余页面元素，而不是使菜单重叠？再次感谢你的建议。