基于Table的企业级CSS样式、隔行换色、鼠标移动、单击换色

最新推荐文章于 2015-01-14 11:48:49 发布

后海

最新推荐文章于 2015-01-14 11:48:49 发布

阅读量1.4k

点赞数 1

分类专栏： Web 文章标签： table css class border 农业 javascript

本文链接：https://blog.csdn.net/Matol/article/details/6066021

版权

Web 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>即时数据展示</TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> </HEAD> <mce:style></mce:style><style mce_bogus="1"> body { margin: 0px; padding: 0px; background: #f7f7f7; background-repeat: repeat-x; background-color: #FFFFFF; height:100%; } td, div, body { color:#465886; font-family:Arial,Helvetica,sans-serif; font-size:9pt; line-height:20px; } </style> <mce:script language="javascript"></mce:script> <BODY> <div align="center"> <table cellspacing="0" cellpadding="0" border="0" width="940"> <tr><td height="10" colspan="2"/></tr> <tr><td align="left" width="509" valign="middle" class="style_bold1"><strong>主要工业国经济指标</strong></td></tr> <tr><td height="5" colspan="2"/></tr> </table> <table cellspacing="1" cellpadding="0" border="0" bgcolor="#95a5d2" width="940" id="changecolor1"> <tr height="30" align="left" valign="middle"> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>时间</strong></td> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>国家</strong></td> <td bgcolor="#f3f8fd" align="center" width="300" class="table01"><strong>项目</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>重要性</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>前值</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>市场预测</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>结果</strong></td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 06:30</td> <td align="left" width="120" class="table01">澳大利亚</td> <td align="left" width="300" class="table01">11月 AiG制造业表现指数</td> <td align="right" width="100" class="table01">中</td> <td align="right" width="100" class="table01">49.4</td> <td align="right" width="100" class="table01">0.5%</td> <td align="right" width="100" class="table01">47.6</td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 06:30</td> <td align="left" width="120" class="table01">澳大利亚</td> <td align="left" width="300" class="table01">11月 AiG制造业表现指数</td> <td align="right" width="100" class="table01">中</td> <td align="right" width="100" class="table01">49.4</td> <td align="right" width="100" class="table01">0.5%</td> <td align="right" width="100" class="table01">47.6</td> </tr> </table> <br/> <table cellspacing="0" cellpadding="0" border="0" width="940"> <tr><td height="10" colspan="2"/></tr> <tr><td align="left" width="509" valign="middle" class="style_bold1"><strong>全球经济指标</strong></td></tr> <tr><td height="5" colspan="2"/></tr> </table> <table cellspacing="1" cellpadding="0" border="0" bgcolor="#95a5d2" width="940" id="changecolor2"> <tr height="30" align="left" valign="middle"> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>时间</strong></td> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>国家</strong></td> <td bgcolor="#f3f8fd" align="center" width="300" class="table01"><strong>项目</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>市场预估</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>实际公布</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>前值修正</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>前值</strong></td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 04:00</td> <td align="left" width="120" class="table01">美国</td> <td align="left" width="300" class="table01">农业价格(月增)</td> <td align="right" width="100" class="table01">2.5%</td> <td align="right" width="100" class="table01">3.3%</td> <td align="right" width="100" class="table01"></td> <td align="right" width="100" class="table01">4.1%</td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 04:00</td> <td align="left" width="120" class="table01">美国</td> <td align="left" width="300" class="table01">农业价格(月增)</td> <td align="right" width="100" class="table01">2.5%</td> <td align="right" width="100" class="table01">3.3%</td> <td align="right" width="100" class="table01"></td> <td align="right" width="100" class="table01">4.1%</td> </tr> </table> <br/> <table cellspacing="0" cellpadding="0" border="0" width="940"> <tr><td height="10" colspan="2"/></tr> <tr><td align="left" width="509" valign="middle" class="style_bold1"><strong>经济指标预告</strong></td></tr> <tr><td height="5" colspan="2"/></tr> </table> <table cellspacing="1" cellpadding="0" border="0" bgcolor="#95a5d2" width="940" id="changecolor3"> <tr height="30" align="left" valign="middle"> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>时间</strong></td> <td bgcolor="#f3f8fd" align="center" width="120" class="table01"><strong>国家</strong></td> <td bgcolor="#f3f8fd" align="center" width="300" class="table01"><strong>项目</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>重要性</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>前值</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>市场预估</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>结果</strong></td> <td bgcolor="#f3f8fd" align="right" width="100" class="table01"><strong>前值修正</strong></td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 04:00</td> <td align="left" width="120" class="table01">美国</td> <td align="left" width="300" class="table01">农业价格(月增)</td> <td align="right" width="100" class="table01">2.5%</td> <td align="right" width="100" class="table01">3.3%</td> <td align="right" width="100" class="table01"></td> <td align="right" width="100" class="table01">4.1%</td> <td align="right" width="100" class="table01"></td> </tr> <tr height="30" align="left" valign="middle"> <td align="center" width="120" class="table01">12-01 04:00</td> <td align="left" width="120" class="table01">美国</td> <td align="left" width="300" class="table01">农业价格(月增)</td> <td align="right" width="100" class="table01">2.5%</td> <td align="right" width="100" class="table01">3.3%</td> <td align="right" width="100" class="table01"></td> <td align="right" width="100" class="table01">4.1%</td> <td align="right" width="100" class="table01"></td> </tr> </table> </div> <mce:script language="javascript"></mce:script> </BODY> </HTML>