javascript - 如何在wordpress导航菜单上添加javascript

Question

在 wordpress 大型菜单上，当鼠标悬停在链接上时，我想在不同的 div 上显示产品图像。我使用 ubermenu 插件

我发现一个 html+javascript 代码可以正常工作，但只有当通过在页面上添加短代码来植入 ubermenu 时(此处示例:https://defil-communication.com/test-accueil/)。第二个菜单工作正常，但主菜单不行。

这是我添加的代码:

到所有产品链接

  <a href="https://my-product/" onmouseover="document.getElementById('image').src = 'my-image-1.jpg'">Beach Flag Crest</a>

让div出现在第5列

 <img id="image" src="https://my-image-2.jpg" alt="image0" />

我必须在某处声明 javascript 吗？

谢谢四位的帮助

Answer 1

我想你正在寻找这个。

How to affect other elements when a div is hovered

不需要 Javascript 或 jQuery。只需访问 css 文件即可。您可以创建一个 div 并将其隐藏。悬停时可以取消隐藏。

希望这对您有所帮助。