MozTW 討論區
https://forum.moztw.org/

在Firefox下如何調整<tr>的顏色?(javascript)
https://forum.moztw.org/viewtopic.php?f=2&t=17302
1 頁 (共 1 頁)

發表人:  lyqgenius [ 2007-01-15, 15:21 ]
文章主題 :  在Firefox下如何調整<tr>的顏色?(javascript)

當鼠標移到表內(tr內),整個一行的字體顏色變成紅色
並且鼠標成手狀

因為我的這種寫法不標準,所以顯示不出來:
<style>
.xmenu tr{font-size:12px;color:#000000;font-family:verdana,arial;font-weight:bolder;border:1px solid #ff0000;filter:blendtrans(duration=0.5);cursor:hand;text-align:center;}
</style>
<script type="text/javascript">
function attachXMenu(objid){
var tds=objid.getElementsByTagName('tr');
for(var i=0;i<tds.length;i++){
with(tds[i]){
onmouseover=function(){
with(this){
filters[0].apply();

style.color='#FF0000';

filters[0].play();
}
}
onmouseout=function(){
with(this){
filters[0].apply();

style.color='#000000';

filters[0].play();
}
}
}
}
}
</script>

發表人:  BobChao [ 2007-01-15, 17:32 ]
文章主題 : 

首先,滑鼠變成手型的的正確語法是 cursor: pointer

然後你的問題在標準瀏覽器裡的作法很簡單,後面那堆 script 都不需要,CSS 加一行就行:
引言回覆:
.xmenu tr:hover{color: #FF0000;}

發表人:  lyqgenius [ 2007-01-16, 09:58 ]
文章主題 : 

你說的在IE下沒有反應了

發表人:  BobChao [ 2007-01-16, 17:19 ]
文章主題 : 

lyqgenius 寫:
你說的在IE下沒有反應了

因為 IE 不支援連結之外的 :hover

Google 一下吧,這個解決方法很多

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/