前段时间一直找这个的简短实现 网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵
ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来
ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title >兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现 </ title >
< style type ="text/css" >
#b_g_date tr {
event : expression(
onmouseover = function(){this.style.backgroundColor='#E3FFC9' } ,
onmouseout = function() { this.style.backgroundColor='#FFFFFF' } );
}
#b_g_date tr:hover { background : #E3FFC9 ; }
#b_g_date td { height : 20px ; }
</ style >
</ head >
< body >
< table width ="500" border ="1" height ="300" id ="b_g_date" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
</ table >
</ body >
</ html >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" />
< title >兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现 </ title >
< style type ="text/css" >
#b_g_date tr {
event : expression(
onmouseover = function(){this.style.backgroundColor='#E3FFC9' } ,
onmouseout = function() { this.style.backgroundColor='#FFFFFF' } );
}
#b_g_date tr:hover { background : #E3FFC9 ; }
#b_g_date td { height : 20px ; }
</ style >
</ head >
< body >
< table width ="500" border ="1" height ="300" id ="b_g_date" >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
< tr >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
< td > </ td >
</ tr >
</ table >
</ body >
</ html >