javascript - 光标 256x256 像素大小

标签 javascript html css

我一直无法尝试创建自定义光标。主要问题是光标大小 - 256x256px PNG(透明) 图像。问题源于各种限制、浏览器和操作系统。 (我之前的问题解释了为什么 CSS cursor {} 不起作用 stackoverflow)

那么,除了 CSS 之外,还有哪些自定义光标的替代方法?

最佳答案

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

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

它相对简单(尤其是如果您使用 JQuery 来实现)。

这里讨论了如何做到这一点:jQuery - Follow the cursor with a DIVHow do you make a picture follow your mouse pointer with jquery?

但是,请注意,与真正的游标相比,这种方法会有一些局限性。

我能马上想到的两个问题是:

  • 动画的 react 速度可能不如您的实际光标移动,从而可能导致滞后效果。

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

关于javascript - 光标 256x256 像素大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6648279/

相关文章:

html - 隐藏导航栏中除一个之外的所有 <li> 元素

html - float 时DIV高度问题

javascript - 文本在固定高度 div 中居中,文本不间断

javascript - 将 JavaScript 对象数据传递到 Bootstrap 模式

javascript - 将 css 导入 React 组件后未添加样式

javascript - 将单选按钮绑定(bind)到复杂对象会阻止选择

父子中的CSS绝对定位

css - 给图像固定高度宽度不显示完整图像

javascript - 如何使用html代码制作响应式框?

javascript - 计算奇偶数函数问题