你可以在CSS/HTML/jQuery中给鼠标指针添加阴影吗？

Question

4

我在这里找不到这个问题：

有没有一种方法可以在网站上为鼠标创建一个阴影？如果可能的话，有人能指引我如何做吗？

谢谢！

更新-1
有没有类似于 jQuery 的东西呢？

- d-_-b

2个回答

0

我没有具体指向的地方可以告诉你，但是你完全可以有一个包含图像的 div 元素，它是模糊的灰色版本鼠标（由于鼠标样式可能会有所不同，你可能需要检测用户使用的操作系统来确定要提供什么图像），然后只需将该 div 元素绑定到鼠标坐标上，但稍微偏移一下即可。

- EvilJordan

过于复杂 - 你可以设置任何你想要的光标。 - Ben

他不是在问如何设置光标，而是在问如何设置阴影，因此需要在原始光标下方设置第二个光标的副本。 - EvilJordan

我在你问之前大约5秒钟就已经给出了原因。 - Ben

1

真正的更好解决方案。但是要注意和我的解决方案一样：您可能会向用户提供不是他们默认光标的光标，那么我们会得到Geocities和闪烁。 - EvilJordan

1

你的解决方案存在问题，因为你必须使用JavaScript事件来更新HTML DOM并在用户移动鼠标时重新渲染页面。我同意自定义光标通常是愚蠢的。但是，在HTML应用程序、HTML5应用程序、游戏等方面，它们也有有效的用途。 - Ben

如果您已经使用不是用户首选的颜色和字体来设计页面，为什么不也设计光标呢？ - Mr Lister

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- alex · Accepted Answer

如果你想使用每个操作系统的默认光标，那么这可能会变得困难。你可以附加一个包含阴影的自定义图像来解决这个问题。

element{
    cursor:url(custom.cur),url(custom.gif),auto;
}

希望这可以帮到您！