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


作者:洛科
先看这一句

复制代码 代码如下:

<a href='#' onmouseover="this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;">
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/>
</a>

在IE下是没问题的,当鼠标划过去时,会出现一个小手的形状,但是在FF中,只有第一次划过去才有效,这个有效是因为有锚记A的存在,而不是onmouseover起作用的结果。
网上找了很多,都说只要让this.style.cursor='hand'改成this.style.cursor='pointer'就可以了,但是在FF中鼠标划过去时只有第一次会出现小手。
其实在FF下面要达到在IE中一样的效果也是可以的。我们的办法就是使用CSS HACK(难道我为CSS HACK又增添了这一条 哈哈?)
复制代码 代码如下:

<a href='#' onmouseover="this.style.cursor='pointer';this.style.cursor='hand'" onmouseout="this.style.cursor='default'" onclick="document.getElementById('ShowContent').innerHTML='';return false;">
<img alt="清空屏幕" src="UI/clear.gif" style="border:0"/>
</a>

在IE7和FF3.0.3中测试通过。



相关阅读:
何为XHTML??
javascript实例教程(8)
Atlas学习手记(27):JavaScript面向对象的扩展(一):命名空间Namespace
向进程发送信号:kill、killall和top
MySQL 有输入输出参数的存储过程实例
如何对PHP程序中的常见漏洞进行攻击
JavaScript面向对象------继承
说明PHP开发网站程序的优点
HTML5 语义化结构化规范化
HTML5 MiranaVideo播放器 (代码开源)
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Linux系统实现SCSI硬盘热插拔及在线识别步骤
为什么用Ghost备份的Windows XP找不到
WordPress显示当前文章同分类下的文章列表
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4