Javascript：使用ACF和Elementor Pro的鼠标跟随和鼠标悬停动画

问：

我正在 Elementor Pro 中创建一个新网站，基于 Figma 中早期制作的设计。

对于某些部分，我需要一些额外的编码，我正在努力。此编码应在 Elementor Pro 中起作用，并且应部分从高级自定义字段中获取图像/数据。

1. 我在 Elementor 上有一个全高和全宽的图像背景容器。将鼠标悬停在此容器上时，应出现鼠标跟随按钮，链接到另一个页面。

设计理念：https://snipboard.io/prlKZG.jpg

我在另一个网站上找到了我正在寻找的行为，在这里放映电影：https://www.loom.com/share/899d13564f474df7aa0db0172cd8af13?sid=59f092b5-2bba-4a30-804c-bf3b192adc3c

2. 将鼠标悬停在品牌徽标上时，也应该发生相同的行为。这些品牌在高级自定义字段的帮助下加载为自定义帖子类型。 当将鼠标悬停在徽标上时，这次不应该显示“只是一个按钮”，而应该是图像。此图像设置在 ACF 图像字段中的相应品牌上。

设计理念：https://snipboard.io/aAPd9V.jpg

屏幕截图上的红色部分是应该创建的部分 - ACF 和其他所有内容都已创建。

我一直在尝试使用事件侦听器，但似乎无法让事情正常工作。

你能帮我找到正确的方向吗？

谢谢！

我一直在尝试使用事件侦听器，但似乎无法让事情正常工作。