1、<style type="text/css">
*{
padding: 0;
margin: 0;
list-style-type: none;
}
ul{
width: 1000px;
height: 40px;
border-bottom: 1px solid red;
}
ul li{
width: 100px;
float: left;
line-height: 40px;
text-align: center;
}
.select{
line-height: 39px;
border: 1px solid red;
border-bottom: 1px solid #fff;
}
</style>
2、<body>
<ul>
<li class="select">开始</li>
<li>结束</li>
<li>开始</li>
<li>结束</li>
<li>开始</li>
<li>结束</li>
<li>开始</li>
</ul>
</body>
3、<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$('ul li').mouseenter(function(){
$(this).addClass('select').siblings().removeClass('select');
})
</script>