html5导航线条设置

2025-05-09 21:15:23

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>

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。