zoukankan      html  css  js  c++  java
  • 表格的隔行换色和高亮显示

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <html>
    <head>
    <script src="http://img.jb51.net/jslib/jquery/jquery1.3.2.js"></script> 
    <style type="text/css"> 
    #hacker tr:hover{ 
    background-color:red;
    } 
    <!-- ie 不支持
    #hacker tr:nth-of-type(odd){background:#00CCFF;}/*奇数行*/
    #hacker tr:nth-of-type(even){background:#FFCC00;}/*偶数行*/
    -->
    .odd{background:#FFCC00;}
    </style> 
    
    <script type="text/javascript">
    $(document).ready(function() { 
    
         $("table tr:nth-child(even)").addClass("odd");
    });
    </script>
    </head>
    <body>
    <table border="0" cellspacing="0" cellpadding="0" width="200px" height="300px"; bgColor="#8E8E8E" id="hacker">
    <tr>
    <td>1</td>  <td>1</td>  <td>1</td> <td>1</td>
    </tr>
    <tr>
    <td>1</td>   <td>1</td>   <td>1</td>  <td>1 </td>
    </tr>
    <tr>
    <td>1</td>   <td>1</td>  <td>1</td>  <td>1</td>
    </tr>
    <tr>
    <td>1</td>   <td>1</td>  <td>1</td>  <td>1</td>
    </tr>
    </table>
    </body>
    </html>
  • 相关阅读:
    力扣338. 比特位计数
    力扣22. 括号生成
    力扣46. 全排列
    力扣461. 汉明距离
    力扣617. 合并二叉树
    zabbix环境搭建部署(一)
    cacti,zabbix,nagios各自原理及区别
    两个硬盘对拷图解
    自动化运维之SaltStack实践
    nginx配置ssl证书
  • 原文地址:https://www.cnblogs.com/qylbg/p/3219949.html
Copyright © 2011-2022 走看看