在网页上更改鼠标光标的热点

时间:2009-02-20 12:59:56

标签: cursor

我想更改鼠标指针的热点,我们已经使用.cur文件更改了图标,位于图像的右下角,而不是左上角。

非常像倒箭头光标,设计师/老板提出了一个很好的设计,几乎需要这个。

是否可以在网页上更改鼠标光标的热点?

3 个答案:

答案 0 :(得分:3)

我没有测试过它,是从developer.mozilla.org得到的:

在Gecko 1.8beta3中添加了对游标值的CSS3语法的支持;因此它适用于Firefox 1.5。它允许指定光标热点的坐标,该热点将被夹在光标图像的边界上。如果未指定,则从文件本身(对于CUR和XBM文件)读取热点的坐标,或者将其设置为图像的左上角。 CSS3语法的一个示例是:

cursor: url(foo.png) 4 12, auto;

链接到CCS3 cursor

答案 1 :(得分:1)

这是不可能的,我很高兴 - 我认为你只会让用户感到沮丧。

编辑:我错了 - 我认为这不可能 - 我仍然认为你不应该这样做。

答案 2 :(得分:-3)

你做不到。就像大多数人在这里,我告诉你即使你能做到也不要这样做......

然而,对于非常特殊的情况,例如某个艺术家的页面,或者游戏光标,或者光标指向下方的某种类似3D的地图,我可以想象这样的事情。现在,如果你真的需要一个特殊的光标用于面向媒体的网站,而不是一个信息网站,我会隐藏光标,用一个空白的光标文件,并使用一些Javascript将浮动图像附加到光标上,使它“看起来像“热点就在其他地方。

当然,您的网站可用性和兼容性会逐渐降低,但上述解决方案是,如果您真的需要采取创造性自由,并且您的用户对这类内容持开放态度。