js實現鼠標經過時整行變色

實現鼠標顛末時整行變色，需要用到js中的兩個事務，一個是鼠標放在元素上觸發的事務onmou搜索引擎優化ver，另一個是鼠標分開時觸發的事務onmou搜索引擎優化ut，利用這兩個事務可以實現鼠標顛末時整行變色的結果。

方式/步調

1
新建一個HTML文件，定名為test.html，用于實現鼠標顛末時整行變色的結果。
2
在test.html頁面，利用table標簽界說一個邊框為1px，寬度為400px的表格，代碼如下：
3
在test.html頁面，利用表格行tr和單位格td標簽，在table標簽內成立11行4列的表格用于測試。
4
實現鼠標放在行tr標簽上整行變色結果。利用鼠標滑過事務onmou搜索引擎優化ver（）綁心猿意馬tr標簽，當鼠標滑過tr行標簽時，觸發onmou搜索引擎優化ver事務去執行一個overIt（）函數。
5
在overIt（）函數內利用對象的style屬性中的backgroundColor設置來設置當前的布景顏色（這里設置為#ccc顏色），實現鼠標放在行時改變布景顏色。
6
利用鼠標分開事務onmou搜索引擎優化out（）綁心猿意馬tr標簽，當鼠標分開行時，事務觸發執行outIt（）函數，在outIt（）函數內實現設置整行的布景顏色為原表格顏色。
7
至此，完當作代碼的編寫。在瀏覽器運行test.html文件，查看結果。
由結果圖可以看出，當作功實現了鼠標放在整行時，布景顏色為#ccc顏色，當鼠標分開整行時，行布景顏色恢回復復興來的顏色。