javascript - 如何在网站上制作自定义光标？

Question

可能重复：
CSS 光标自定义

我想要在我的网站上更改光标的代码，因为它在下面的链接中给出。

在这里演示

我也想知道怎么做。请为此目的提供一个小代码。

Answer 1

您可以通过以下方式使用自定义图像：

body, html {
    cursor: url(cursor.gif), pointer;
}

其中url有一个指向光标图像的路径。

cursor 属性可能包含允许选项的逗号分隔值：cursor: url(cursor.gif), url(cursor1.gif), pointer;.

这里有一个例子。

注意：如果无法提供 URL 定义的游标，请始终指定至少一个通用游标。

Answer 2

在 CSS 文件中，您必须在 body 标记上添加一个属性，如下所示：

    body{
        cursor: anything like(pointer,default etc.)
    }

如果您想要与您在站点中提供的完全相同的光标，请执行以下操作：

    cursor: url("http://safir85.ucoz.com/24work-blogspot/mouse-cursor/COOL_BLUE_OUTER_GLOW_POINTER-www.24work.blogspot.c.cur"), progress;

认为它会有所帮助。

Answer 3

为此有一个 css 属性：cursor. 请参阅本示例中的实际操作。