<p>在不同的情况下，我们鼠标的悬浮样式是不同的，比如默认的箭头，链接的小手等。那我们该如何自定义鼠标样式呢？</p> 讯享网
我们先来看下自带的鼠标的常用样式有哪些？
pointer default text move grab not-allowed
初次之外还有很多样式，在此不过多展示。
1.改变默认样式
讯享网
2.自定义样式
3.自定义鼠标跟随样式（拓展）
1.定义img标签，就以一张图片作为鼠标光标，建议为等宽高的图片：
讯享网
2.初始化页面：
cursor: none; 清除掉页面默认鼠标样式；
3. 鼠标光标图片的css样式：
讯享网
z-index: 1000; 显示层级高点；
pointer-events: none; 取消它的鼠标事件，并指向它下面的元素。
position: fixed;
left: -200px; 固定定位，给个值让它在屏幕外；
4.js部分，实现效果：
核心就是获取鼠标在网页中的位置值，并赋值给鼠标光标，再通过绝对定位设置位置即可。
mouse.offsetWidth/2 别忘了减去自身宽（高）的一半。
4.好用的鼠标样式地址
https://fastly.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/normal.cur
https://fastly.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/texto.cur
https://fastly.jsdelivr.net/gh/moezx/cdn@3.1.9/img/Sakura/cursor/ayuda.cur
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/180750.html