動態桌子上的交替顏色

Question

有誰知道如何在表中的交替行上有不同的顏色

Answer 1

您可以使用jQuery類添加到像這樣的行：

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("table.evenodd tr:not([th]):odd").addClass("odd"); 
     $("table.evenodd tr:not([th]):even").addClass("even"); 
    }); 
</script> 

然後使用CSS樣式：

.even {background-color: #e6e6e6;} 
    .odd {background-color: #ffffff;} 

Answer 2

您需要對每第二行應用樣式。你可以通過添加一個計數器，你的循環，如果這counter-variable % 2 == 0，你的風格添加到該行的問題，像這樣的：

$i = 0; 
while ($row = mysql_fetch_array($result)){ 
    $style = ""; 
    if($i%2==0) 
    { 
     $style = ' style="background-color: #CCC"'; 
    } 

    echo "<tr".$style."><td>"; 
    echo "<center>" .$row['name']. "</center>"; 
    echo "</td><td>" 
    echo "<center>" .$row['age']. "</center>"; 
    echo "</td><td>" 
    echo "<center>" .$row['car']. "</center>"; 
    echo "</td></tr>" 
    $i++; 
} 

Answer 3

通常我會說定義的不同顏色的even和odd CSS類然後在PHP輸出<tr>時，我會應用這個元素。你通常在你的循環中使用一個行計數器和mod2的計數器。

$rows = 0; 
while ($row = mysql_fetch_array($result)) { 
    $rows++; 
    $even_odd = ($rows % 2) ? 'odd' : 'even' ; 
    echo "<tr class=$even_odd><td>"; 
    echo "<center>" .$row['name']. "</center>"; 
    echo "</td><td>" 
    echo "<center>" .$row['age']. "</center>"; 
    echo "</td><td>" 
    echo "<center>" .$row['car']. "</center>"; 
    echo "</td></tr>" 
} 

Answer 4

http://www.w3.org/Style/Examples/007/evenodd

table.evenodd tr:nth-child(even) { background: #CCC; } 
table.evenodd tr:nth-child(odd) { background: #FFF; }