隔行变色表格
来源:互联网 发布:商业数据分析师 笔试 编辑:程序博客网 时间:2024/04/19 17:51
- <!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" >
- <head>
- <title>无标题页</title>
- <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript">
- window.onload=function(){
- var oTable=document.getElementById("oTable");
- for(var i=0;i<oTable.rows.length;i++){
- if(i%2==0)
- oTable.rows[i].className="altrow";
- }
- }
- </script>
- </head>
- <body>
- <table class="datalist" summary="summary" id="oTable">
- <tr>
- <th scope="col">Name</th>
- <th scope="col">Class</th>
- <th scope="col">Birthday</th>
- <th scope="col">Constellation</th>
- <th scope="col">Mobile</th>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- <tr>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- <td>isaac</td>
- </tr>
- </table>
- </body>
- </html>