悬停显示和离开隐藏

        

        <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>

 这是一个通过鼠标悬停事件来达到下拉列表的效果