js鼠标经过变化底色

最新推荐文章于 2023-04-21 11:31:22 发布

弄玉x

最新推荐文章于 2023-04-21 11:31:22 发布

阅读量325

点赞数 1

分类专栏： js 文章标签： js css javascript

本文链接：https://blog.csdn.net/m0_46069861/article/details/107565660

版权

本文介绍如何使用JavaScript实现鼠标经过时改变元素底色的效果。通过监听mouseover和mouseout事件，动态修改CSS样式，达到高亮显示的目的。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
    <head>
        <style>
        table{
   
            width: 800px;
            margin: 100px auto;
            border-collapse: collapse;
            font-size: 14px;
            text-align: center;
        }
        thead tr{
   
            height: 30px;
            background-color:darkgray;
        }
        tbody tr{
   
            height: 30px;
        }
        tbody td{
   
            border-bottom: 1px solid purple;
            font-size: 12px;
            color:darkcyan;
        }
        .bg{
   
            background-color: pink;
        }
        </style>
    </head>
    <body>
        <table>
            <thead>
                <tr>