◕‿◕ Abigale的部落格

說真的，「滑鼠移過表格變色」或是「滑鼠移動列變色」這種概念實在是很難用中文來表達，當初為了找這種「變色」的相關程式碼，實在是花了不少直角不少功夫，用英文來找的話，就顯得簡單多了，英文的關鍵字為「change row color on mouseover」。

如果還是不曉得直角在說什麼的話，請直接看本文範例。

為了達到表格列(row)變色之目的，只要在表格中 <tr> 的標籤內加入以下的程式碼即可：

onMouseOver 的屬性為滑鼠移動時的顏色， 至於 onMouseOut 的屬性為滑鼠移走後之顏色，若不設定時，則為 <tr> 原本的背景色(bgcolor)。

站範例為使用 Javascript 所達到的技術，不論在 Firefox 或 IE 上皆可正常執行，可參考以下網址取得相關資訊：

• Manuel Viloria - Change Table's Background Color (onmouseover)
  http://www.viloria.com/secondthoughts/archives/00000371.html
• Linux User
  http://www.linuxuser.com.tw/power/list2.php?id=646
  

至於使用 CSS 之範例，各位網友們可以參考下列資料，不過畢竟直角還沒有試過，因此僅供參考：

• episode - 網頁建置百寶箱 - 表格之變色
  http://dob.tnc.edu.tw/themes/old/showPage.php?s=371&t=2
• 辣辣箭 - 表格顏色交替變色CSS效果
  http://blog.cuiz.net/article.asp?id=63

本文引用網址:http://mrangle.macroviz.com/?p=90