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

Question

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

Answer 1

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

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

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

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

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

Here is a link to a JQuery plug-in 这将允许您设置带有文本和图像的工具提示。包括演示和示例代码。您需要下载 JQuery 和此插件，并将它们添加到您的站点。