CSS实现onMouseOver、onMouseOut效果和层套菜单_html/css

来源：懂视网责编：小采时间：2020-11-27 16:35:02

CSS实现onMouseOver、onMouseOut效果和层套菜单_html/css

CSS实现onMouseOver、onMouseOut效果和层套菜单_html/css_WEB-ITnose:在IE中标签的。而实际上 WEB 标准里面，应该对所有元素都支持。如果使用 Mozilla 或者 Opera, 那么可以看到不需要这个 htc 都可以正常运行的。因为 htc 是 IE 特有的，别的浏览器不能理解，会忽略掉，不影响结果的显示。以下这段 htc 是一个老外写的

推荐度：

点击下载本文 文档为doc格式

导读CSS实现onMouseOver、onMouseOut效果和层套菜单_html/css_WEB-ITnose:在IE中标签的。而实际上 WEB 标准里面，应该对所有元素都支持。如果使用 Mozilla 或者 Opera, 那么可以看到不需要这个 htc 都可以正常运行的。因为 htc 是 IE 特有的，别的浏览器不能理解，会忽略掉，不影响结果的显示。以下这段 htc 是一个老外写的

在IE中标签的。而实际上 WEB 标准里面，应该对所有元素都支持。
如果使用 Mozilla 或者 Opera, 那么可以看到不需要这个 htc 都可以正常运行的。因为 htc 是 IE 特有的，别的浏览器不能理解，会忽略掉，不影响结果的显示。

以下这段 htc 是一个老外写的针对 IE 的 hover 行为的一个修正。
有了这个代码就方便多了，而且最可贵的是，以上的这个页面例子是可以兼容 IE, Mozilla 和 Opera 的。

原先在html里都是使用onMouserOver等事件，实现鼠标焦点控制的，从来没有想到过用CSS简化原先繁琐的工作，直到偶然间发现了whatever:hover，才认识到CSS原来可以做很多工作，甚至可是实现繁杂的menubar。

实现的核心部分是csshover.htc文件，它其实就是JScript代码，负责处理所有的CSS格式，根据定制的CSS格式，生成onMouseOver和onMouseOut事件，实现了hover的组件化。使用时只需制定div:hover{ background:#f8f8f8; }，就实现了鼠标移动到div图层上时，改变背景色的事件。

csshover.htc

Test.htm

New Document

haha5456456

表格1：