【问题标题】:Javascript custom cursorJavascript自定义光标
【发布时间】:2019-08-22 19:53:20
【问题描述】:

我试图弄清楚如何制作简单的 Javascript 自定义光标。我找到了几个高级 lvl 脚本,但这不是我要找的。我很想了解用纯 Javascript 实现它的最简单方法。我在这里和其他论坛上阅读了几个讨论,但没有什么对我有用。

element.style.cursor = "url('http://bringerp.free.fr/Files/RotMG/cursor.gif'), auto";

【问题讨论】:

  • 你的元素有宽度和高度设置吗?如果元素是 0 x 0,它将不起作用。此外,它需要在其中包含内容。
  • 将您的 GIF 转换为 .cur 文件,然后使用 CSS 让您的自定义光标正常工作实际上可能更容易。
  • 我可以问样品吗?
  • 可能该网站图片显示盗链 - 尝试在此页面上设置为您的个人资料图片的 src,但图片无法加载。我认为您的 javascript 没有任何问题。

标签: javascript html css cursor


【解决方案1】:

如果您在具有相同协议 (http) 的页面中加载外部图像,您正在尝试的工作是正常的。

将图像保存在您的网络应用中并从您自己的域中加载。

我找到了这个页面http://www.webpage-maker.com/

打开控制台并将其放入:

document.querySelector('#container').style.cursor = "url('http://bringerp.free.fr/Files/RotMG/cursor.gif'), auto";

【讨论】:

  • 我尝试了几个想法,如果我制作自己的页面/本地主机或托管它的工作。但我的意思更多的是为 google.com 页面或类似页面制作自定义光标。不是我的。
猜你喜欢
  • 2015-01-28
  • 1970-01-01
  • 1970-01-01
  • 2013-10-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-11-05
  • 2012-04-13
相关资源
最近更新 更多