m0_59121826 2021-06-08 15:33 采纳率: 50%
浏览 17
已结题

怎么用jquery做出这种鼠标放到导航栏就改变颜色，变成“首页”的颜色。

 

  • 写回答

3条回答 默认 最新

  • 代码的灵魂是bug！ 2021-06-08 16:01
    关注
    <!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .nav ul{
            display: flex;
        }
        .hover{
            background-color: red;
        }
        li {list-style-type:none;padding: 0 10px}
    </style>
</head>
<body>
    <div class="nav">
        <ul>
            <li><a href="1.html" class="hover"> 首页</a></li>
            <li><a href="2.html"> 个人资料</a></li>
            <li><a href="3.html"> 我的好友</a></li>
            <li><a href="4.html"> 消息管理</a></li>
        </ul>
    </div>
    <script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $(".nav a").each(function(){
            $(this).hover(function(){
                $(".nav .hover").removeClass("hover");
                $(this).addClass("hover");
                // return false;//防止页面跳转
            });
        });
    });
    </script>
</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目，支持注册表等
  • ¥15 matlab 用yalmip搭建模型，cplex求解，线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题：大概就是类似后台自动检测某下架商品的库存，在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中？
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码，可以复制到另一手机上运行
  • ¥20 测距传感器数据手册i2c