在鼠標懸停上更改兩行背景顏色

我在表格中有很多行數據，我試圖查看是否可以在鼠標懸停的同時突出顯示兩行。在鼠標懸停上更改兩行背景顏色

我可以這樣做

<tr onmouseover="this.style.backgroundColor='#aaaaaa';" onmouseout="this.style.backgroundColor='#bbbbbb';">

它一次一行的偉大工程，但所顯示的數據是「配對」像下面。第1行和第2，第3和第4行。所以我正在查看是否可以同時突出顯示第1行和第2行，當我將鼠標懸停在任一行區域時。那麼同爲3和4

<tr><td>Row1</td></tr>
<tr><td>Row2</td></tr>

<tr><td>Row3</td></tr>
<tr><td>Row4</td></tr>

來源

2011-02-06 Sara

使用<tbody>標籤組對列在一起，用CSS樣式:hover設置顏色一起。

<html> 
    <style> 
     .foo:hover { background-color: #aaaaaa; } 
    </style> 
    <body> 
     <table> 
      <tbody class="foo"> 
       <tr><td>Row1</td></tr> 
       <tr><td>Row2</td></tr> 
      </tbody> 
      <tbody class="foo"> 
       <tr><td>Row3</td></tr> 
       <tr><td>Row4</td></tr> 
      </tbody> 
     </table> 
    </body> 
</html>

來源

2011-02-06 01:28:32 rmmh

啊完美！謝謝！ – Sara 2011-02-06 03:18:24

在鼠標懸停上更改兩行背景顏色

回答

相關問題