站长资源 网络编程

JavaScript 表格高亮类的应用[高级]

整理:jimmy2026/10/16浏览2次

简介表格高亮 * { font-size: 11px; font-family: verdana, arial, sans-serif; } table {

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表格高亮</title>     <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>     <style type="text/css">         * {             font-size: 11px;             font-family: verdana, arial, sans-serif;         }                  table {             border: 1px solid #ccc;             margin: 0 auto;         }                  th {             background-color: #f7f7f7;         }                  td, th {             padding: 15px;             border: 1px solid #ccc;         }                  tr.alternate {             background-color: #efd;         }                  .bold {             font-weight: bold;         }                  .red {             color: red;             font-weight: bold;         }                  .blue {             background-color: blue;         }                  /* Used with crosshairs.js */         .hoverHilight {             background-color: #ffffc0;             cursor: pointer;         }                  .activeCellHilight {             background-color: #c0dbff;             color: blue;         }     </style>                </head> <body>                       <th>&nbsp;</th>             <th>编号</th>             <th>姓名</th>             <th>地址</th>             <th>电话</th>                               1             a1             b1             c1             d1                                        2             a2             b2             c2             d2                                            3             a3             b3             c3             d3                                        4             a4             b4             c4             d4                                        5             a5             b5             c5             d5                          </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：实用的JS表单验证提示效果

下一篇：JavaScript window.setTimeout() 的详细用法

站长资源网络编程

JavaScript 表格高亮类的应用[高级]

最新资源