又一款表格隔行换色、鼠标经过变化颜色代码

发布时间：2018-08-13 15:00 所属栏目：121 来源：站长网

导读：又一款表格隔行换色、鼠标经过变化颜色代码，类似这样的效果有很多，大家根据自己的需要选取使用吧，更多类似的代码您可以查看文章尾部的《相关文章》列表，如您感觉列伙网的教程还不错，请推荐给您的好友们。示例： !DOCTYPE htmlhtml xmlns=http://www

　　又一款表格隔行换色、鼠标经过变化颜色代码，类似这样的效果有很多，大家根据自己的需要选取使用吧，更多类似的代码您可以查看文章尾部的《相关文章》列表，如您感觉列伙网的教程还不错，请推荐给您的好友们。

示例：

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title>多列表格隔行换色</title> <style language="text/css"> /*第一种颜色*/ #table tr.color1{ background-color:#FFFFFF; } /*第二种颜色*/ #table tr.color2{ background-color:#F8F8F8; } </style> <script type="text/javascript">  </script> </head> <body id="" class=""> <table width="100%" border="0" cellspacing="1" cellpadding="4" class="list" name="table" 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> </tbody> </table> </body> </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

（编辑：ASP站长网）