如果需要动画效果，在监听到鼠标移到某个导航项时，改变下划线的位置。用css3的transition或者js动画来完成过渡效果。

鼠标滑走，下划线也跟着划走，用什么方法

如果鼠标移上去有，鼠标移走导航栏，一个下划线都没有
那就用：hover伪类选择器实现CSS样式

如果下划线一直有，鼠标移到另一个导航项，下划线跑过去
那你首先自己可以设置一个.hover类，CSS实现下划线样式，然后将其初始只赋给当前页导航项，其余的导航项没有这个类

对于每一个导航项监听鼠标事件，如果鼠标移上去就将被本来设为.hover类的项移除.hover类，并且当前项的class中加上.hover类

//写在一起了，jQuery版本

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script type="text/javascript" src="jQuery.js"></script>
    <style>
        .active{
            border-bottom: 3px solid #4b4;
        }
        ul{
            height:80px;
            border: 1px solid #ddd;
            font-size:0;
        }
        ul li{
            display: inline-block;
            height:50px;
            width:90px;
            text-align: center;
            line-height: 50px;
            color:#333;
            border-bottom: 3px solid #ccc;
            margin: 0px;
            padding: 0px;
            font-size:16px;
            font-family: "Microsoft YaHei",sans-serif;
        }
    </style>
    <script>
        $(function(){
            var lis=$("li");
            $.each(lis,function(i){
                $(lis[i]).mouseenter(function(e){
                    $(".active").removeClass('active');
                    $(this).addClass('active');
                });
            });
        });
    </script>
</head>
<body>
    <ul>
        <li class="active">首页</li>
        <li>第一页</li>
        <li>第二页</li>
        <li>第三页</li>
    </ul>
</body>
</html>

鼠标滑走，下划线也跟着划走，用什么方法

你尚未登录，登录后可以

body :first-child(不是body:first-child，中间有空格)伪类选择器到底选中了什么元素？

如何实现类似豆包的AI改写框跟随内容滚动效果？

问一个鼠标滚动事件，这种是怎么实现的？

如何在CSS中实现滚动条不溢出圆角框？

form对象根据表单dom元素的name属性获取元素对象是基于什么标准的？兼容性如何？

请问，是否可以设定Table的宽度，或者不让其超过父容器呢？

如何在Ant Design表格中同时设置scroll.x和scroll.y且表头不换行？