可以用鼠标hover实现

div+css就可以实现了。

<style>

.nav{}

.nav li{}

.nav li:hover .subnav{display: block;}

</style>

<div>

<ul class='nav'>

<li class='li'>

<a href='#'>aaa</a>

<ul class='subnav' style="display: none;">

<li class="subli">aaa</li>

<li class="subli">bbb</li>

<li class="subli">ccc</li>

</ul>

</li>

<li class='li'>

<a href='#'>bbb</a>

</li>

<li class='li'>

<a href='#'>ccc</a>

</li>

<li class='li'>

<a href='#'>ddd</a>

</li>

</ul>

</div>

你确定单靠div+css能实现?不用到javascript或jquery?