鼠标移到链接上 显示隐藏的div块
#top3 ul li a{ text-decoration:none;}#top3 .ulclass .inner{display:none}a:hover { background-color:black; }#top3 a:hover .ulclass .inner{ display:block;}#top3 .ulclass p{ float:left;}
<div id="top3"> <ul class="ulclass"> <li><a href="#" >HOME <div class="inner"> <p>who we are</p> <p>what our future</p> <p>latest Stories</p> <p>projects</p> <p>news tashes</p> <p>our purpose</p> <p>onling meeting</p> <p>hello</p> </div> </a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> <li><a href="#">HOME</a></li> </ul> </div>