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

Question

我想问一下，如果有什么方法可以开发一个使用CSS和HTML的鼠标悬停下拉菜单，因为我曾经见过像谷歌这样的一些网站，例如开发了这样的菜单，似乎一旦你通过它，一个隐藏的标签就会被你看到。

请，如果任何人有一个想法，提供了思路

感谢的源代码，并把

Answer 1

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

那是什么被称为“Suckerfish Dropdowns的儿子”。它应该让你朝着正确的方向前进。请注意，仅限CSS的下拉菜单在IE 6及更高版本中不起作用。

Answer 2

这被称为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)中正常工作。