Tr Hover 在 IE 上的 Hack
昨天想要在作在 table 上移動滑鼠時，滑鼠指到的該行會改變顏色作為顯示，假設目前有下列 html 結構的話： [code lang=“html”]
test
test
test
[/code]
在 firefox 上可以直接用下列方式達成： [code lang=“css”] tr.changecolor:hover { background-color:#CCFF99; } [/code]
但在 IE 下不能這樣搞，對 IE 而言 hover 只能使用在 a 這個 tag 使用，所以要配上 javascript 作 hack 的動作。首先載入 jquery-min.js 後，再使用下列程式即可達成同樣的效果。 [code lang=“javascript”] $(document).ready(function() { $(".changecolor tr").hover(function() { $(this).css(“background-color”,"#DDDDDD"); },function(){ $(this).css(‘background-color’,’#FFFFFF’); }); }); [/code]
參考文件：