jquery - 在Firefox中将图像或div附加到鼠标光标

Question

当鼠标悬停在某个元素上时，我想在我的应用程序中将图像或 div 元素附加到 Firefox 中的光标上，而不是图像将附加到光标上。

Answer 1

您可以使用 CSS 轻松地将图像用作鼠标光标。

div {
    cursor: url(mypointer.gif), auto;
}

当您将鼠标悬停在 div 标签上时，这将使光标变为您指定的图形。您将需要更改示例中的 CSS 选择器以匹配您希望拥有自定义鼠标指针的页面部分。（您显然还需要创建图形并在 CSS 代码中为其引用正确的名称）。

请注意，对此有一些限制（浏览器兼容性、图像大小等）。此页面将告诉您更多信息：http ://www.quirksmode.org/css/cursor.html （向下滚动到有关 URL 样式的部分以查看它的使用情况和更多信息）

如果您想要更多（例如鼠标后的整个 div，或者比上述支持更大的图形，那么您需要使用 Javascript。您最好的选择是使用带有适当插件的 javascript 库（如JQuery ）在。

这是一个 JQuery 插件的链接，它允许您设置带有文本和图像的工具提示。包括演示和示例代码。您需要下载 JQuery 和这个插件，并将它们添加到您的站点。