鼠標懸停導航下拉菜單使用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)中正常工作。