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

2019-11-21 01:53:22

字体：大中小

来源：转载

供稿：网友

前段时间一直找这个的简短实现网上也有很多方法
昨天发现了这种方法感觉是用代码最少的呵呵
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>无标题文档</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>   <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>   <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>   <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>   <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>   <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>   <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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上一篇：用javascript实现的不错的一款网页选项卡

下一篇：利用ASP发送和接收XML数据的处理方法与代码