将我的网站光标更改为咖啡图标，每当用户点击某项时就会倒咖啡

Question

我有一个个人网站，我想在学习一些前端的同时让它变得更有趣。 我的想法是，我网站的光标将是一杯咖啡，而不是默认的咖啡，每当我点击任何内容时，咖啡就会倒出来。 知道这是否可行吗？如果可行，我需要做什么来实现它？

Answer 1

您可以使用 CSS 更改光标 - 请参阅 https://www.w3schools.com/cssref/pr_class_cursor.asp 并执行类似

的操作

div {
    cursor:url(myCoffeeJug.cur),auto;
}

然后您可以使用 Javascript 在用户单击 div 时更改光标形状（即 URL）。您需要考虑如何在点击触发的任何操作完成后再次将其改回。

请注意，您不能以这种方式制作动画 - 但考虑到点击 div 可能是一个非常快速的动作，只需在不同的图标之间切换和返回就足够了你想要什么。

但是从可用性的角度来看，这可能不是一个好主意。 Web 用户习惯于浏览器提供的基本光标类型 - 覆盖它们可能很可爱，但也可能会造成混淆。

如果您的网站是为 'ordinary' 寻找信息或功能的用户设计的（而不是为网页设计师设计的，或者作为您技术的展示），那么您就是在给他们设置一个小障碍。不自信的用户、对这一切不熟悉的用户或非神经典型用户可能会觉得令人反感。