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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现--简短版

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 322 ::

收藏到网摘: n/a

利用ASP发送和接收XML数据的处理方法与代码 javascript之文本框输入四个数字自动加空格的脚本

前段时间一直找这个的简短实现网上也有很多方法
昨天发现了这种方法感觉是用代码最少的呵呵
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 全选提示:你可先修改部分代码,再按运行]

利用ASP发送和接收XML数据的处理方法与代码 javascript之文本框输入四个数字自动加空格的脚本

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

评论 (0) All

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