[技巧]:hover 模拟器 for IE5+ - 网页设计交流 - jQuery 中文社区官方论坛 - Powered by Discuz!

jQuery 中文社区官方论坛 » 网页设计交流 » [技巧]:hover 模拟器 for IE5+

‹‹ 上一主题 | 下一主题 ››

版主

Rank: 7

Rank: 7

Rank: 7

UID 50
精华 1
积分 1
帖子 59
阅读权限 100
注册 2007-2-1
状态离线

发表于 2007-2-1 11:46 资料个人空间短消息加为好友

[技巧]:hover 模拟器 for IE5+

因为FF支持伪类，而IE5+不支持一些伪类，可以通过此HTC模拟器来实现。在CSS中，除了用伪类:hover描述之外，还要在CSS文档中补上一段behavior相关的代码，这个behavior可用于tag或者class。原则是tag : hover 变 tag.hover ；tag.className:hover 变tag.classNameHover。

[Copy to clipboard] [ - ]

CODE:

img:hover, img.hover {

border:1px solid red;

}

img {

behavior: url(hover.htc );

}

演示效果：http://users.hszk.bme.hu/~hj130/css/list_menu/hover/simple_test.html
下载HTC补丁：

附件: 您所在的用户组无法下载或查看附件

新手上路

Rank: 1

UID 878
精华 0
积分 0
帖子 1
阅读权限 10
注册 2007-6-7
状态离线

发表于 2007-6-7 20:51 资料个人空间短消息加为好友

htc

htc对跨浏览器兼容性不好．

新手上路

Rank: 1

UID 6412
精华 0
积分 0
帖子 3
阅读权限 10
注册 2008-3-14
状态离线

发表于 2008-5-26 16:08 资料个人空间短消息加为好友

添加 suntear 为MSN好友

通过MSN和 suntear 交谈

只有ie不支持伪类，所以不存在兼容性问题吧？

新手上路

Rank: 1

UID 8962
精华 0
积分 0
帖子 1
阅读权限 10
注册 2008-6-5
状态离线

发表于 2008-6-13 17:45 资料个人空间短消息加为好友

回复 #3 suntear 的帖子

htc占用比较大的内存，在绑定事件时效率比较低，不到非不得已，最好不要用htc

新手上路

Rank: 1

UID 702
精华 0
积分 0
帖子 7
阅读权限 10
注册 2007-5-21
状态离线

发表于 2008-6-20 15:03 资料个人空间短消息加为好友

ie5 现在都没人用了，可以不用考虑了。

.........................................
门禁-我的世界我的精彩！

管理员

Rank: 9

Rank: 9

Rank: 9

UID 6
精华 0
积分 0
帖子 205
阅读权限 200
注册 2007-1-29
状态离线

发表于 2008-6-20 22:21 资料个人空间短消息加为好友

添加 yorsal 为MSN好友

通过MSN和 yorsal 交谈

HTC 在CSS GUYS 里比较流行，国外也用这个标准来修复HOVER。
到底是用JS来实现HOVER好还是CSS，这个要看具体的项目以及ACCESSIBLITY 和USABILITY了

i love jQuery

当前时区 GMT+8, 现在时间是 2008-11-21 05:02
鲁ICP备05039777号

本论坛支付平台由支付宝提供
携手打造安全诚信的交易社区

Powered by Discuz! 5.5.0 © 2001-2007 Comsenz Inc.
Processed in 0.018109 second(s), 6 queries , Gzip enabled

清除 Cookies - 联系我们 - jQuery中文社区 - Archiver - WAP