代码之家  ›  专栏  ›  技术社区  ›  XMen

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

  •  1
  • XMen  · 技术社区  · 15 年前

    我想在我的应用程序中的firefox中将image或div元素附加到光标上,当鼠标悬停将要附加到cursor的some元素而不是image时。

    1 回复  |  直到 15 年前
        1
  •  6
  •   Spudley Pat    15 年前

    使用CSS可以很容易地将图像用作鼠标光标。

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

    请注意,这方面有一些限制(浏览器兼容性、图像大小等)。本页将告诉您更多信息: http://www.quirksmode.org/css/cursor.html (向下滚动到关于URL样式的位,可以看到它在使用中以及进一步的信息)

    如果你想要更多(比如鼠标后面有一个完整的div,或者一个比上面支持的更大的图形),那么你需要使用Javascript。最好的选择是使用类似于 JQuery 使用合适的插件。

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