顯示菜單列表

Question

懸停在項目我有我的網頁導航欄上ul列表，並在一定程度上寫成如下：

<ul id="nav"> 
<li><a href="index.htm" title="Home">Home</a></li> 
<li><a href="project.htm" title="Project">Project</a></li> 
<li><a href="sample.htm" title="Sample">Sample</a></li> 
</ul> 

在將鼠標懸停在ul列表的顏色項目變化。

ul#nav li a:link,ul#nav li a:visited {color:#333333;text-decoration:none;} 
ul#nav li a:hover,ul#nav li a:active {color:#a61607;text-decoration:none;} 

然而，我有當用戶將鼠標懸停在一個sample元件要被顯示的圖形菜單。菜單是類似以下內容（箭頭的一個圖像和三個超鏈接）：

   hyperlink 1 
Arrow image /_ hyperlink 2 
      \ hyperlink 3 

如何顯示該箭頭圖像和菜單的形式鏈接，就在ul懸停在sample項目清單？

Answer 1

這是一個小提琴，我認爲它可以滿足您的需要。

http://jsfiddle.net/Ne227/1/