- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <script type="text/javascript" src1="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script type="text/javascript" src1="table-row-1.0.js"></script>
- <style type="text/CSS">
- .table-tr-title{
- height: 26px;
- font-size: 12px;
- text-align: center;
- }
- .table-tr-content{
- height: 18px;
- background: #FFFFFF;
- text-align: center;
- font-size: 12px;
- }
- .normalEvenTD{
- background: #DFD8D8;
- }
- .normalOddTD{
- background: #FFFFFF;
- }
- .hoverTD{
- background-color: #eafcd5;
- height: 18px;
- text-align: center;
- font-size: 12px;
- }
- .trSelected{
- background-color: #51b2f6;
- height: 18px;
- text-align: center;
- font-size: 12px;
- }
- </style>
- </head>
- <body>
- <table width="99%" class="list" style="word-break: break-all" border="0"
- align="center" cellpadding="0" cellspacing="1" bgcolor="#c0de98">
- <tr class="table-tr-title">
- <td width="5%">标题</td>
- <td width="5%">标题</td>
- <td width="5%">标题</td>
- <td width="5%">标题</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- <tr class="table-tr-content">
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- <td width="5%">数据</td>
- </tr>
- </body>
- </html>
- //该片段来自于http://www.codesnippet.cn/detail/030120148393.html
来源: http://www.codesnippet.cn/detail/030120148393.html