Javascript 链接悬停时未发生鼠标事件

我这里有一个密码笔：

当你在一个链接上悬停时，我试图将图像调用到一个已定义的div中，并一直停留在那里，直到下一个链接悬停并调用另一个图像。理想情况下，它应该作为空白加载

它本质上是对这一点的修改：

当我在自己的live服务器上执行此操作时，我似乎也无法预加载图像。。。但在代码笔中也能正常工作

但我觉得我好像在语法上出了问题？

---

任何反馈都将非常感谢，谢谢

服务器上发生了什么？悬停是否不起作用（显示图像）？如果是这种情况，请尝试将

脚本
部分移到身体下方，看看会发生什么
Codepen导入身体底部的JS
因此，如果您在头部导入代码&
Codepen
是在身体之后导入，这就是区别。只需修改您的顺序。@EGC现在呼叫yes（谢谢！！）-但在moz中的各种鼠标事件之间的变化没有平稳过渡（在chrome中的初始事件中只有不平稳的变化）；它很不稳定，而且有相当长的延迟。。我认为这是因为它没有像在页脚底部那样预加载图像？添加webkit和moz前言似乎无助于平滑元素。我能做些什么来解决这个问题，或者这是我必须接受的吗？
link.addEventListener("mouseenter", function() {
bg.style.backgroundImage = `url(${this.dataset.bg})`;