本文介绍了一种兼容IE和Firefox浏览器的鼠标悬停效果实现方法，通过CSS和JavaScript结合的方式，利用:hover伪类和expression表达式，为表格行设置背景颜色变化。
前段时间一直找这个的简短实现网上也有很多方法 昨天发现了这种方法感觉是用代码最少的呵呵
ie下支持css的jsff等支持:hover就这样了觉得好的就顶起来
ie下支持css的jsff等支持:hover就这样了觉得好的就顶起来
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现</title>
<styletype="text/css">
#b_g_datetr{
event:expression(
onmouseover=function(){this.style.backgroundColor='#E3FFC9'},
onmouseout=function(){this.style.backgroundColor='#FFFFFF'});
}
#b_g_datetr:hover{background:#E3FFC9;}
#b_g_datetd{height:20px;}
</style>
</head>
<body>
<tablewidth="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>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现</title>
<styletype="text/css">
#b_g_datetr{
event:expression(
onmouseover=function(){this.style.backgroundColor='#E3FFC9'},
onmouseout=function(){this.style.backgroundColor='#FFFFFF'});
}
#b_g_datetr:hover{background:#E3FFC9;}
#b_g_datetd{height:20px;}
</style>
</head>
<body>
<tablewidth="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>
扫一扫
1697
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
