根据菜单悬停鼠标位置使图像旋转 - WordPress

Make an image rotate depending on menu hover mouse position - WordPress

好的,所以这可能有像this one这样的平行问题,但我仍然不太明白我的目标。

编辑:由于这个问题引起了负面情绪,我需要指出我正在请求有关如何完成的指导。我在谷歌上四处搜索,找到了针对类似情况的 jQuery 解决方案 - 包括我上面给出的 link。我不是傻,我只是真诚地寻求技术社区的指导和帮助。所以,就是说......情况是这样的:

我想制作一个箭头的 png 图像旋转以指向 wordpress 站点中菜单的选项卡 - 所以如果你将鼠标悬停在菜单上 link,图像也会指向它,但是当您将鼠标移开时,图像 returns 变为正常方向。

我不希望它始终完全跟随鼠标,仅当鼠标位于菜单项上时。

谁能指导我最简单的方法?

我相信这也可以通过 "responsive" 布局来完成,即适用于不同屏幕的布局 resolutions/sizes。

可以确定元素在屏幕上的位置,并在此处进行解释:Retrieve the position (X,Y) of an HTML element

既然我们能够确定菜单项的位置和大小,那么我们就可以确定三角形的两条边;从箭头到菜单项。然后使用勾股定理,你可以计算出斜边的长度。然后使用正弦、余弦、and/or 切线的属性,您可以计算三角形的角度并适当旋转箭头。

这就是您编写代码的方式。以后有时间再写吧