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

Question

  

可能重复：
  CSS cursor customization

我想在我的网站上使用更改光标的代码，如下面的链接所示。

Demo Here

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

Answer 1

您可以使用自定义图片：

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

在url中，有一条光标图像的路径。

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

示例here。

注意：如果无法提供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。请参阅this example中的操作。