CSS中用表格来展示一种数字(JavaScript)

     表格式作为一种数据来展示的，也是载体存在而存在；应该怎样才成为展现数据表格的重点任务呢？首先，强大的CSS可以把table变成任何样子，这样我们便如何用JavaScript来营造更好的效果呢？首先，在档户查看第一列第三行数据同时要看同行的其他列数据，有可能会产生一个问题——眼花，也就是看错行（当数据行多的时候就会发生）。 如果能在查看某行数据能在这一行的数据都用一种特别的样式表现出来，那我们就必须把其他行的数据区分开。以下用JavaScript就可以很容易地完成这些方法。CSS修饰的图表格效果如图1:

 

 

以下是CSS特殊的行和列，可以根据表格颜色不同来展现，如图2：

 

 

  就象图像显示的那样，当我们把鼠标停留在某一个单元格上时，单元格所在的行和列都会以不同的颜色显示 ，来帮助我们关注数据，以此来区分我们可能会看错的其他数据。创建上述程序的操作步骤如下: (1)以下按入列顺序定义元素样式：

 

 

编到这里完整。以上的对表格在JavaScript中大部分的控制效果都要使用事件来完成，也是例子对事件监听的处理，并没有在td上进行监听，而是在它们的上层节点table上进行监听。这种处理可以减少大量的系统资源消耗，也就是说监听一个节点比监听一堆节点要省力得多了。平时我们在利用事件对象中的事件源属性可以知道触发事件的对象为切入点，这样我们便可处理与它同行、同列的所有td对象。以上（图2）为实例 。