javascript - 将鼠标光标更改为 Sprite div

标签 javascript css

例如,我们通常使用:

style.cursor="url("+url here+"),auto";

问题是,如果图像尚未呈现,这会创建一个 HTTP 请求。是否可以将鼠标光标样式设置为a,例如:

<div class="sprite mouseimageclasshere"></div>

而不是它必须是图像的直接链接?这样,就不会发送不必要的 HTTP 请求。 (当然,一旦用户已经加载了 Sprite 图像)。

最佳答案

一般来说,你可以有一个base64-encoded data-URI无论你有一个 URL。

有一些边界情况(旧 IE 中的大小限制,不能有某些文件类型),但图像通常没问题。 鼠标光标可能是规则的异常(exception)之一,应该值得一试。 (如果您提供 fiddle 和游标文件,我们更容易提供示例。)

关于javascript - 将鼠标光标更改为 Sprite div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28233890/

相关文章:

javascript - Axios 方法将 item 作为 null 传递,而不是将实际值传递给我的 mongoose 路由

php - 如何在 1 个输入字段中捕获多个值(如 Facebook 消息)?

php - JavaScript - 基本 URL 重写 + 创建历史记录

javascript - IE 和 Chrome 中选择选项的边距不起作用

javascript - 如何减小 Canvas 窗口的大小

html - 在不改变移动顺序的情况下对齐右引导导航栏教程

javascript - TypeError : ABC is not a function, 如何解决?

单击十字按钮不会删除列表项的 Javascript 待办事项列表

html - CSS3 Media Query 缩小网页

css - css 链接的一个特殊问题