html5导航线条设置

2025-10-27 04:10:55

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>

</ul>

</body>

3、<script src="js/jquery-2.1.1.min.js"></script>

$('ul li').mouseenter(function(){

$(this).addClass('select').siblings().removeClass('select');

})

</script>

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