兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现

来源:互联网 发布:阿里巴巴淘宝城规划 编辑:程序博客网 时间:2024/06/06 23:17
前段时间一直找这个的简短实现  网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵
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>
原创粉丝点击