jquery如何实现隔行变色

最新推荐文章于 2023-11-14 23:29:35 发布

tiankai戈

最新推荐文章于 2023-11-14 23:29:35 发布

阅读量3.1k

点赞数 5

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/m0_51022093/article/details/112793647

版权

实现隔行变色代码如下
在这里插入图片描述
描述:通过jQuery控制表格的奇数行和偶数行的颜色不一样，鼠标经过的时候，颜色变成白色，鼠标离开，颜色恢复原来的颜色。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级隔行变色</title>
    <style>
        *{
    
            padding: 0;
            margin: 0;
        }
        .form{
    
            width: 500px;
            margin: 100px auto 0;
        }
        table{
    
            border-collapse: collapse;
            border-spacing: 0;
            border: 1px solid #404060;
            width: 500px;
            text-align: center;
        }
        th,td{
    
            border: 1px solid #404060;
            padding: 10px;
        }
        th {
    
            background-color: #09c;
            font: bold 16px "微软雅黑";
            color: #fff;
        }

最低0.47元/天解锁文章

tiankai戈

关注

5
点赞
踩
12

收藏

觉得还不错? 一键收藏
3
评论
jquery如何实现隔行变色

实现隔行变色代码如下描述:通过jQuery控制表格的奇数行和偶数行的颜色不一样，鼠标经过的时候，颜色变成白色，鼠标离开，颜色恢复原来的颜色。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>高级隔行变色</title> <style> *{ padding: 0;
复制链接

扫一扫

专栏目录