鼠标悬停导航下拉菜单使用HTML和CSS

Question

我想问一下，如果有任何方法可以使用CSS和HTML开发鼠标悬停下拉菜单，因为我之前已经看到像谷歌这样的网站开发了这样的菜单，似乎一旦你通过它一个隐藏的标签将对你可见。

如果有人有想法，请提供该想法的源代码

谢谢和问候

Answer 1

这是一个CSS悬停菜单。它们是使用JavaScript的绝佳选择。

示例实施：

.trigger ul.menu
{
    display: none;
}
.trigger:hover ul.menu
{
    display: block;
}

示例教程：http://www.shingokko.com/blog-entry/pure-css-hover-menu.html

与其他答案相反，此方法 跨浏览器兼容。如果正确实现，它将在IE6 + (Source)中正常工作。

Answer 2

我认为我不能比这更好地解释：http://www.htmldog.com/articles/suckerfish/dropdowns/

这就是所谓的“Suckerfish下降之子”。它应该让你朝着正确的方向前进。请注意，仅限CSS的下拉列表在IE 6及更早版本中不起作用。