CSS：懸停下拉列表。只需要一個指針

Question

大家好我正在一個項目上工作，並且正在努力完成這一切手動學習練習。我不是在尋找能夠完成這項工作的代碼，而只是解釋如何完成這個工作。

我工作的頁面是http://dev.davydsoft.com/playing.html

我想是有一個下拉式「菜單」圖像，當你將鼠標懸停在圖片往上頂。這是受到啓發，並由Twitter欄。當你在Twitter欄上點擊你的用戶名時，你會看到下拉菜單。

我玩過很多例子，出於某種原因，它只是不會點擊我。

任何指針都會很棒。

Answer 1

歡迎來到堆棧溢出！我建議你看一看第一個教程此頁上：

http://webdesignerwall.com/tutorials/jquery-tutorials-for-designers

它說明了如何使用jquery（JavaScript）的顯示和隱藏隱藏的HTML元素。

如果您正在尋找一個只有css的解決方案，您可能會搜索「css suckerfish菜單」。

Answer 2

您需要爲懸停事件的CSS樣式和HTML

Answer 3

的JavaScript看一看：http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

基本上，如果你只想指導，然後開始尋找到如何與風格：懸停選擇。