CSS 光标自定义
我正在尝试编写一个 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
是的,只需将以下 css 代码应用到您的 body 标记(假设您想要整个页面的效果):
更多信息:
图像文件必须为 32x32 或更小
Internet Explorer 仅支持 .cur 文件
Yes, simply apply the following css code to your body tag (assuming you want effect for whole page):
Further information:
The image file must be 32x32 or smaller
Internet explorer only supports .cur files
CSS:
其他简单的:
http://www.html1.freeiz.com/Your_cursor.html
http://jsfiddle.net/wNKcU/5/
http://jsfiddle.net/wNKcU/788/
CSS:
Other Simples:
http://www.html1.freeiz.com/Your_cursor.html
http://jsfiddle.net/wNKcU/5/
http://jsfiddle.net/wNKcU/788/
使用您想要的光标图像创建一个 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