主题:在表格中突出显示

发布者: alain01 在 2008/2/1 12:39:59 6762 阅读
你好,你经常在页面上使用表格,有时候阅读多行多列可能不太容易。有一种非常简单的方法可以使表格的阅读性变得更佳。这种方法非常简单,你只需要添加一行JavaScript代码,完全整合到你使用的主题中,因为它使用了两个众所周知的类,偶数和奇数。
 LineDay  Temperature (°C)Precipitation (ml)
 Confidence Index
2Monday1804
 3  Tuesday 12 0 4
4 Wednesday 16 30 3
 5 Thursday 19 20 3
下面是方法... 方法:对于表格中的每行,也就是说,对于每个HTML元素 [ i]< tr>[/i],写入以下代码
<tr class="even" onmouseout="this.className='odd';" onmouseover="this.className='even';">
就这样!还有一个小的替代方案:如果你希望在第一次鼠标悬停时就将行转换,那么请从 < tr> 中移除 "class=even" 元素。这里的显示结果
 LineDay  Temperature (°C)Precipitation (ml)
 Confidence Index
2Lundi1804
 3  Mardi 12 0 4
4 Mercredi 16 30 3
 5 Jeudi 19 20 3