`
txf2004
  • 浏览: 7044377 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

IEFirefoxCSSXHTMLHTML 
阅读更多
前段时间一直找这个的简短实现网上也有很多方法 昨天发现了这种方法感觉是用代码最少的呵呵
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>
分享到：
| Hadoop Hbase适合存储哪类数据？
评论
1 楼 gengqi88 2011-10-27  
亲，不能兼容啊
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

    "兼容IE和Firefox的鼠标经过(onmouseover和onmouseout)实现--简短版" 在本篇文章中，我们将探讨如何使用CSS和JavaScript来实现兼容IE和Firefox的鼠标经过效果（onmouseover和onmouseout）。在前端开发中，鼠标经过...

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

    本篇文章将探讨如何实现一个简短的兼容IE和Firefox的鼠标经过事件（onmouseover和onmouseout）的解决方案。 首先，让我们了解这两个事件。`onmouseover`事件在鼠标指针进入一个元素时触发，而`onmouseout`事件则在...

    兼容ie和firefox滑动门技术

    滑动门技术是一种在网页设计中常见的CSS技巧，主要用于实现导航栏、按钮或图片列表的鼠标悬停效果。...提供的资源“兼容ie和firefox滑动门技术”应包含具体实现这些技术的示例代码，供学习者参考和研究。

    JS图片预览(兼容IE6、IE7、IE8和FF)

    在JavaScript（简称JS）中实现图片预览，尤其是在兼容老版本的Internet Explorer（如IE6、IE7、IE8）以及Firefox（FF）等浏览器上，需要考虑多种技术策略和兼容性问题。下面我们将详细讨论如何实现这个功能，并着重...

    超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)

    下面我们将详细探讨如何实现“超简单表格隔行换色+鼠标经过变色”这一功能，并兼容IE6、IE7以及Firefox。 首先，让我们从隔行换色开始。这是一种常见的CSS技巧，可以通过使用CSS伪类`:nth-child()`来实现。这个选择...

    备忘:兼容ff和ie的鼠标样式+javascript字符串hash+浮动提示

    标题提到的"兼容ff和ie的鼠标样式"指的是如何让网页中的鼠标指针样式在Firefox（Firefox浏览器）和Internet Explorer（IE浏览器）之间保持一致。由于这两个浏览器对某些CSS属性支持不同，因此需要特殊处理来实现跨...

    兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码

    在给定的文件信息中，提到了如何在IE和Firefox（火狐）浏览器中实现上下和左右循环滚动的效果。接下来将详细介绍这些知识点。 首先，对于上下滚动的实现，文件中展示了以下HTML结构和JavaScript脚本： HTML部分： ...

    onmouseover和onmouseout的一些问题思考

    为实现跨浏览器兼容的解决方案，可以使用`onmouseover`和`onmouseout`，并通过检查事件的`relatedTarget`或IE特有属性`fromElement`和`toElement`来模拟`onmouseenter`和`onmouseleave`的行为。下面的示例代码展示了...

    图片模糊化，支持FF/IE6以上

    - 标题提到“支持FF/IE6以上”，意味着这个解决方案需要兼容Firefox和Internet Explorer 6及更高版本。CSS3的滤镜在Firefox中是原生支持的，但对于旧版的IE，可能需要使用jQuery或者其他JavaScript库来模拟实现。 ...

    js 实现无缝滚动 兼容IE和FF

    ### JavaScript 实现无缝滚动 兼容IE与Firefox 在网页设计和前端开发中，无缝滚动是一种常见的技术，它能够提供连续、平滑的滚动效果，为用户带来更加流畅的体验。本文将详细介绍如何使用JavaScript来实现一个兼容...

    div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox

    `onmouseover`和`onmouseout`事件处理函数则负责监听鼠标悬停事件，调用`stop`和`start`函数来控制滚动的暂停和恢复。 为了实现无缝滚动，我们需要在滚动内容到达容器的一端时，将其添加到另一端。文章中的代码通过...

    JavaScript实现的滑动的下拉菜单.doc

    上述示例已经在 IE6 至 IE8，Firefox，Opera 和 Safari 等浏览器上测试通过。对于不支持 JavaScript 的浏览器，还可以考虑使用渐进增强的方式，使下拉菜单在无脚本的情况下也能正常工作。 最后，你可以通过创建多个...

    一个跟随鼠标的图片放大效果，与FF兼容

    标题中的“一个跟随鼠标的图片放大效果，与FF兼容”指的是在网页中实现的一个交互功能，当鼠标移动到图片上时，图片会放大并跟随鼠标移动，同时这个效果在Firefox浏览器（FF）下也能正常工作。这个效果是通过HTML、...

    js相关问题.

    关于浏览器兼容性，尤其是IE和Firefox之间，存在一些差异。例如，`clientWidth`和`clientHeight`在IE6.0及更高版本中包含内边距，而在Firefox 1.06+中则不包含边框。而在更早的IE版本中，`clientWidth`和`...

    javascript中onmouse事件在div中失效问题的解决方法

    本文探讨了在使用JavaScript处理鼠标事件时，在div元素中可能会遇到的onmouseout事件失效的问题，并提供了兼容IE和Firefox两种浏览器的解决方案。在探讨之前，需要了解几个基础知识点： 1. JavaScript事件冒泡：当...

    CSS 网页表单实现鼠标悬停交互效果

    这段CSS代码在所有支持`:hover`伪类的现代浏览器中都能工作，包括Firefox、Chrome、Safari、Opera以及IE9及以上版本。对于不支持`:hover`的旧版IE浏览器，可以考虑使用JavaScript库如jQuery来实现类似功能。 此外，...

    javascript event在FF和IE的兼容传参心得(绝对好用)

    ### JavaScript事件在Firefox（FF）和Internet Explorer（IE）中的兼容性传参心得 #### 事件对象的兼容处理 JavaScript在不同的浏览器中有不同的事件处理机制，特别是在IE和FF之间。IE使用`window.event`来访问...

    编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu

    ##### 1.2 兼容IE, Opera, Firefox的CSS弹出菜单 (脚本实现) 对于Internet Explorer这类仅支持`:hover`应用于`&lt;a&gt;`标签的浏览器，我们需要借助JavaScript或jQuery来实现类似的效果。通常的做法是使用`onmouseover`...

    css 兼容性问题this.style.cursor=''hand''

    在这个例子中，我们可以在JavaScript的`onmouseover`事件中同时设置`cursor: pointer`和`cursor: hand`，以确保在Firefox和IE中都能得到预期的效果： ```html &lt;a href="#" onmouseover="this.style.cursor='pointer...

    DOCTYPE html PUBLIC.doc

    7. **浏览器兼容性**：这个例子中的代码考虑了火狐（Firefox）和IE浏览器的兼容性，使用的是XHTML标准，同时JavaScript代码也是通用的，可以在多种浏览器环境中运行。 总结来说，这个HTML页面展示了如何使用HTML、...

Magicbox
Global site tag (gtag.js) - Google Analytics