如何使子链接出现，当鼠标在链接

Question

我已经把我的代码在http://jsfiddle.net/ChvjL/4/

当鼠标指针在链接1，则子链接link1a，link1b，link1c应该出现。

同样适用于Link2。

谁能帮我在提前解决这一

感谢 Amith

Answer 1

这里有一个想法就应该是这样，你的情况：

HTML

<ul> 
    <li><a href="#">Link1</a> 
     <ul> 
      <li><a href="USEPCreate.html">Link1a</a></li> 
      <li><a href="USEPUpdate.html">Link1b</a></li> 
      <li><a href="USEPRecovery.html">Link1c</a></li> 
     </ul> 
    </li> 
    <li><a href="#">Link2</a> 
     <ul> 
      <li><a href="USEPCreate.html">Link2a</a></li> 
      <li><a href="USEPUpdate.html">Link2b</a></li> 
      <li><a href="USEPRecovery.html">Link2c</a></li> 
     </ul> 
    </li> 
</ul> 

的CSS

ul > li { width:100px; float:left; } 
ul > li > ul { display:none; } 
ul > li:hover > ul { display:block; } 
ul > li > ul { padding-left:10px; } 

代码http://jsfiddle.net/ChvjL/10/

Answer 2

你是想说，当一个人徘徊在给出的链接，另一个链接会显示？

你可以参考这个例子。它是相似的。你只需要改变内容： http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/