js替换鼠标样式

huoyingrenzhe 2009-10-29 09:12:57

在网上搜了很多参考，试验了一下，为什么我这就不成功呐。
环境：ubuntu8.04 火狐浏览器 myeclipse
我写了个简单的代码段：
<html>

<head>

<script type="text/javascript">

function hqgs(){

document.body.style.cursor='url(myself.ani)';

//document.body.style.cursor='url(\'<%=basePath%>mouseCur/myself.ani\')';

//alert("\'<%=basePath%>mouseCur/myself.ani\'");

}

</script>

</head>

<body>

<input id="tt" type="button" value="ok" onclick="hqgs();" />

</body>

</html>
在win7上正常，显示成功。但是在我机器上就是显示不出来。

有过经验的麻烦指点一下，感激不尽。另外，网上说可以用.jpg的鼠标样式代替.ani文件，要不然火狐不识别，我做了一下，还是没变化呐。

...全文

2095 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

huoyingrenzhe 2009-10-31

打赏
举报

upupupupupupupup

wcwtitxu 2009-10-31

打赏
举报

试了下，确实不能用 ani 动态光标
指定 body 了的 cursor
当你页面内容多时，充满整个窗口，就会整个窗口都应用了你指定的鼠标光标

---------------------------------------

0 0 是定义光标图像的热点位置
比如:光标图像是宽高16*16
＋形状的, 你可能想把中心点设为热点. 则要设为 8 8

＜形状的, 可设为 0 8

∧形状的,则可以设为 8 0

＼　形状的，则可设为 0 0

ZhangYaoxing 2009-10-31

打赏
举报

以下是W3C对CSS的cursor属性的定义
http://www.w3.org/TR/CSS2/ui.html
其实是只有cursor: [uri,] default;这两个东西的，没有那两个数字。你写的JS之所以不好用是因为Firefox要求使用url的时候必须写明在URL指定的光标不可用的时候（比如下载未完成或者找不到的时候）使用的默认光标。这对IE而言可以省略，对Firefox则是必须。至于那两个数字猜测大概是某些浏览器才支持的参数吧，偏移量一类的东西，纯属猜测。
另外Firefox对cursor的支持其实不光是.cur类型，所有常用图片类型都可以使用的。IE则不行

huoyingrenzhe 2009-10-30

打赏
举报

希望得到其他的回答呐，谢谢。

huoyingrenzhe 2009-10-30

打赏
举报

upupup upupup

huoyingrenzhe 2009-10-30

打赏
举报

[Quote=引用 10 楼 wcwtitxu 的回复:]
firefox 试试:

document.body.style.cursor = "url('myself.ani') 0 0,auto";
[/Quote]
能麻烦说一下后面两个0的意思呗。
你的方法试过了，ani文件没法在ff上显示，所以我找了个jpg的文件做了实验，结果只有在button那一行上鼠标换了样式，图片显示出来了，但是鼠标放到其他地方就没作用了。
楼上的强～～～～很强～～～
谢谢你。

wcwtitxu 2009-10-30