CSS 光标自定义

发布于 2024-07-27 18:17:19 字数 100 浏览 3 评论 0原文

我正在尝试编写一个 CSS 代码,当光标位于网页上时,将光标更改为图片文件。 我见过一些网站为您提供了简单的代码来完成此操作,但它们总是有广告。 你们知道有什么代码可以做到这一点吗?

I'm trying to make a CSS code that changes the cursor to a picture file when the cursor is on a webpage. I've seen sites that give you a simple code to do it but they always have ads. Any codes you guys know that can do this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

相思碎 2024-08-03 18:17:19

是的,只需将以下 css 代码应用到您的 body 标记(假设您想要整个页面的效果):

body {
    cursor: url('URL to image');
}

更多信息:
图像文件必须为 32x32 或更小
Internet Explorer 仅支持 .cur 文件

Yes, simply apply the following css code to your body tag (assuming you want effect for whole page):

body {
    cursor: url('URL to image');
}

Further information:
The image file must be 32x32 or smaller
Internet explorer only supports .cur files

回忆凄美了谁 2024-08-03 18:17:19

使用您想要的光标图像创建一个 HTML 元素,并使用 javascript 的 onmousemove 事件来移动光标。
window.onmousemove= function(e) {cursor.left=ex;cursor.top=ey;} //光标是HTML元素

create an HTML element with the cursor image you want and use javascript's onmousemove event to move the cursor.
window.onmousemove= function(e) {cursor.left=e.x;cursor.top=e.y;} //cursor is the HTML element

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文