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

时间:2010-10-08 12:54:35

标签: jquery css firefox mouse cursor

喜 我想在我的应用程序中将图像或div元素附加到firefox中的光标,当鼠标悬停时,某些元素将比图像附加到光标上。

感谢 拉胡尔

1 个答案:

答案 0 :(得分:6)

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

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

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

请注意,这有一些限制(浏览器兼容性,图像大小等)。此页面会告诉您更多信息:http://www.quirksmode.org/css/cursor.html(向下滚动到有关网址样式的内容以查看其使用情况和更多信息)

如果你想要更多(例如鼠标后面的整个div,或者比上面支持的更大的图形,那么你需要使用Javascript。你最好的选择是使用像{{3这样的javascript库使用适当的插件。

JQuery,可让您设置包含文字和图片的工具提示。演示和示例代码包括在内。您需要下载JQuery和这个插件,并将它们添加到您的站点。