• jq做的简单的变色表格


    <style>
        .td{
            background:#DBDBDB
        }    
        .td:hover{
            background:#E01F22
        }
    </style>

    <table>
    <br>
    <button id="startColor">开启变色</button>
    <table width="200px" border="1" cellpadding="0" cellspacing="0">
            <tr>
                <td>123</td>
            </tr>
            <tr>
                <td>123</td>
            </tr>
            <tr>
                <td>123</td>
            </tr>
    </table>


    $(function(){
        $('#startColor').click(function(){
            if($(this).html() == '关闭变色'){
                $(this).css("background","#DBDBDB");
                $(this).html('开启变色');
                $("td").removeClass("td");//关闭按钮
            }else{
                $(this).css("background","#E01F22");
                $(this).html('关闭变色');
                $('td').addClass('td');
                
                
            }
        })
    })




  • 相关阅读:
    前端 network
    C语言的安装及使用
    c语言
    mongodb
    大型网站--负载均衡架构
    双机热备ROSE HA工作原理
    Linux vmstat命令实战详解
    管理员必备的20个Linux系统监控工具
    linux top命令详解
    linux命令TOP参数load average详解[转]
  • 原文地址:https://www.cnblogs.com/hjc1234/p/9397107.html
Copyright © 2020-2023  润新知