<style>
.box{
width: 120px;
text-align: center;
line-height: 30px;
border: 1px solid black;
background: white;
}
.yc{
display: none;隐藏
}
.box:hover .yc{
display: block;显示
border-top: 1px dashed black;
}
.box div:hover a{
color: red;
display: block;
}
.xs{
background: url(../images/runbun.png) no-repeat 10px 7px,url(../images/t_arrow.gif) no-repeat 90px 7px;
}
</style>
<div class="box">
<div class="xs"><a href="">帮助中心</a></div>
<div class="yc"><a href="">帮助中心1</a></div>
<div class="yc"><a href="">帮助中心1</a></div>
<div class="yc"><a href="">帮助中心1</a></div>
<div class="yc"><a href="">帮助中心1</a></div>
</div>
这是一个通过鼠标悬停事件来达到下拉列表的效果