六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 47|回复: 0

隔行变色

[复制链接]

升级  19.67%

75

主题

75

主题

75

主题

举人

Rank: 3Rank: 3

积分
259
 楼主| 发表于 2013-2-7 14:45:15 | 显示全部楼层 |阅读模式
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>表格变色</title><script type="text/javascript"><!--function showtable(tableid){//构建函数showtablevar odd=false;var tablename=document.getElementById(tableid)var rows=tablename.getElementsByTagName("tr");for (var i=1; i<rows.length; i++) {if (odd==true){   odd=false;}else{   rows[i].style.backgroundColor="#f1f1f1";odd=true;}rows[i].bgc=rows[i].style.backgroundColor;rows[i].onmouseover=function(){    this.style.backgroundColor="#ccc";    this.style.color="#f00";   }rows[i].onmouseout=function(){    this.style.backgroundColor=this.bgc;    this.style.color="#000";   }} }window.onload=function(){showtable("table");}--></script></head><body><table width="100%" border="0" cellspacing="0" cellpadding="0" id="table"><thead>    <tr>      <th>流程</th>      <th>启动人</th>      <th>启动时间</th>      <th>状态</th>    </tr></thead><tbody>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr>    <tr>      <td><a href="">测试行</a></td>      <td>无</td>      <td>2008-05-09 17:21:04</td>      <td>结束</td>    </tr></tbody></table></body></html>
经测试,可以正常使用!~~
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表