光标256x256像素大小

时间:2011-07-11 09:39:17

标签: javascript html css

我一直试图创建自定义光标。主要问题是光标大小 - 256x256px PNG (transparent)图像。问题来自各种限制,浏览器和操作系统。 (我之前的问题解释了为什么CSS cursor {}无效stackoverflow

那么,拥有自定义光标的CSS的替代方案是什么?

1 个答案:

答案 0 :(得分:4)

如您所知,您不能拥有大的自定义光标:Windows的限制为32x32像素。

如果你想要更大,你需要使用包含光标图像的DOM元素,并使其跟随光标。

这是相对简单的(特别是如果你使用JQuery)。

有关如何在此处进行讨论的讨论:jQuery - Follow the cursor with a DIVHow do you make a picture follow your mouse pointer with jquery?

但请注意,与使用真实光标相比,此方法会有限制。

我能立即想到的两个问题是:

  • 动画可能不会像实际光标移动那样快速反应,从而导致滞后效应。

  • 当您点击浏览器窗口边缘时可能会出现问题。在左边和上边缘,很容易将光标图像部分地移动到边缘上,但在右边和底部,这样做可能会导致浏览器认为页面大小已更改,并生成不需要的滚动条。