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

最新推荐文章于 2020-04-25 01:57:13 发布
最新推荐文章于 2020-04-25 01:57:13 发布
阅读量91 收藏
点赞数
文章标签： xhtml
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>
weixin_34023863
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现–简短版
12-12
前段时间一直找这个的简短实现  网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵 ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来 无标题文档 #b_g_date tr{ event:[removed]onmouseover = function(){this.style.backgroundColor=’#E3FFC9′},onmouseout = function(){this.style.backgroundColor=’#FFFFFF’}); } #b_g_date tr:hover{ background:#E3FFC9
onMouseOut() 经过子元素也触发的问题( FireFox)
11-13 202
请看http://xuganggogo.iteye.com/admin/blogs/538476，有更简单解决方案。     在FireFox下，处理onMouseOut() 经过子元素也触发的问题与IE下大不相同，而且步骤比较多。   1，首先FF不支持，event.toElement 和 event.formElement ， 但是我们可以自己让FF支持，如下   //创建兼容 ...
兼容ie和firefox的鼠标经过(onmouseover和onmouseout)实现
xzknet
04-28 261
前段时间一直找这个的简短实现  网上也有很多方法 昨天发现了这种方法 感觉是用代码最少的 呵呵 ie下支持css的js ff等支持:hover 就这样了 觉得好的就顶起来 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit...
火狐FireFox兼容mouseover,mouseout的解决方案
zoboy的博客
09-01 2951
今天在用anjularjs做前端开发时，遇到一个火狐不兼容的问题。主要是一个div的mouseover和mouseout事件触发的兼容性。开发时用的谷歌浏览器，所以事件运行效果跟预想的完全一致。在测试时用火狐浏览器测试一下，效果没了！顿时觉得很懵逼。代码如下： $(".hitch").mouseover(function (e) { v
onmouseover和onmouseout的一些问题思考
09-05
为实现跨浏览器兼容的解决方案，可以使用`onmouseover`和`onmouseout`，并通过检查事件的`relatedTarget`或IE特有属性`fromElement`和`toElement`来模拟`onmouseenter`和`onmouseleave`的行为。下面的示例代码展示了...
备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示
03-06
标题提到的"兼容ff和ie的鼠标样式"指的是如何让网页中的鼠标指针样式在Firefox（Firefox浏览器）和Internet Explorer（IE浏览器）之间保持一致。由于这两个浏览器对某些CSS属性支持不同，因此需要特殊处理来实现跨...
兼容ie和firefox滑动门技术
02-08
滑动门技术是一种在网页设计中常见的CSS技巧，主要用于实现导航栏、按钮或图片列表的鼠标悬停效果。...提供的资源“兼容ie和firefox滑动门技术”应包含具体实现这些技术的示例代码，供学习者参考和研究。
js onmouseout 与onmouseleave的区别（转载）
旅人
04-23 203
在IE下解决问题很简单，用onMouseEnter、onMouseLeave来代 替onMouseOver、onMouseOut就行了，他们的作用基本相同，前者不会发生冒泡。但是firefox下没有这两个事件，如果用 jQuery的event事件，只要bind mouseleave和mouseenter即可。如果是纯js实现，只能这么做： 通过判断触发onMouseOut事件后鼠标到达的元素...
解决浏览器调试移动端时出现点击事件没反应的问题
weixin_45735157的博客
04-25 2741
一、解决浏览器调试移动端时出现点击事件没反应的问题 $(".btn_r").on('touchstart mousedown',function(){ bgInterval = setInterval(function () { i++; console.log("i:"+i) ...
onmouseover与onmouseout导致的冒泡鬼畜问题
weixin_40365953的博客
06-04 816
onmouseover替换成onmouseenteronmouseout替换成onmouseleave
在浏览器中调试web页面（二）：firebug使用（2）-Javascript调试
gogo1217的专栏
12-18 221
版权所有，转载请注明来源http://gogo1217.iteye.com，违者必究！      相信很多人都遇到过以下几个问题: 为了调整页面某个元素的宽度或高度到最适合值，在ide中修改css或者html再刷新浏览器，重复上述修改步骤不下20次； 为了修改html，先在ide修改后在刷新浏览器，重复上面步骤不下10次。 为了得到javascript执行中的某个变量在javas...
onmouseover 和 onmouseout 事件还可以用于实现其他显示隐藏功能怎么实现
最新发布
05-30
`onmouseover` 和 `onmouseout` 事件可以用于实现元素的显示和隐藏。 一种常见的方法是利用 CSS 的 `display` 属性来实现。当鼠标移动到元素上时，将元素的 `display` 属性设置为 `block`，使其显示出来；当鼠标...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值