Jquery 在鼠标悬停时更改自定义鼠标

我想在悬停链接上有一个更大的填充圆。（“.cursor--canvas”）并将“.cursor--small”的形状从圆形更改为三角形

---

当浏览器通过CSS

cursor

属性提供了一种方便的方法来实现光标时，您自己用JavaScript实现光标可能会使事情变得过于复杂。如果要将图像（内联或单独文件）用作光标，只需使用：

cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 20 20"><path fill="none" stroke="%23000000" d="M11 10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1zm8 0a9 9 0 01-9 9 9 9 0 01-9-9 9 9 0 019-9 9 9 0 019 9z"/></svg>'), auto;

cursor:url（'data:image/svg+xml；utf8'，），自动；

为该元素定义自定义光标

不同元素具有不同游标的示例如下所示：

#返回{
填充：70px 20px；
背景色：#ccc；
光标：url（'data:image/svg+xml；utf8'）25，自动；
}
h1{
填充：20px；
背景颜色：绿色；
光标：url（'data:image/svg+xml；utf8'）25，自动；
}

三角形光标在这里！

当浏览器通过CSS

cursor

属性提供了一种方便的方法来实现游标时，您自己用JavaScript实现游标可能会使事情变得过于复杂。如果要将图像（内联或单独文件）用作光标，只需使用：

cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 20 20"><path fill="none" stroke="%23000000" d="M11 10a1 1 0 01-1 1 1 1 0 01-1-1 1 1 0 011-1 1 1 0 011 1zm8 0a9 9 0 01-9 9 9 9 0 01-9-9 9 9 0 019-9 9 9 0 019 9z"/></svg>'), auto;

cursor:url（'data:image/svg+xml；utf8'，），自动；

为该元素定义自定义光标

不同元素具有不同游标的示例如下所示：

#返回{
填充：70px 20px；
背景色：#ccc；
光标：url（'data:image/svg+xml；utf8'）25，自动；
}
h1{
填充：20px；
背景颜色：绿色；
光标：url（'data:image/svg+xml；utf8'）25，自动；
}

三角形光标在这里！

这不是我要找的：）这是我用于此自定义鼠标的教程：这不是我要找的：）这是我用于此自定义鼠标的教程：