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>