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

Question

4

可能是重复问题:
CSS光标自定义

我想要在我的网站上更改光标，就像下面的链接中所给出的那样。

我还想知道如何做到这一点。请提供一个小代码来实现此目的。

- thezucknotes

虽然这不是一个回答，但这是一个糟糕的例子，您应该遵循标准。如果在悬停在特定项目上时有一个特殊的“不允许”符号，那么可以接受，但是像这样使用光标，您可能会想到旧版本Windows中的动画恐龙光标。 - h2ooooooo

3个回答

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;

我认为这会有所帮助。

- user2390937

0

这个可以使用 CSS 属性来实现：cursor。在这个例子中可以看到它的效果。

- Alvaro Lourenço

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Minko Gechev · Accepted Answer

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

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

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

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

这里有一个示例。

注意：始终至少指定一个通用光标，以防无法提供定义为URL的光标。