通常我不会发布我自己，我通常会通过其他人的帖子找到我需要的东西，所以如果其中任何一个位置错误或格式不正确，我很抱歉。我以前从来没有这样做过。
所以这里的情况：
我正在尝试重建我的网站，我选择使用 WordPress 的 X 主题。大多数情况下，它进展顺利，但有几次我想要自定义并绕过 X，事实证明它有点困难。如果您知道一种在 X 中执行此操作的方法，可以在不进行自定义编码的情况下完成此操作，我会全力以赴。
所以这就是我想要做的：
我有一个圆形菜单的想法，将它的元素定位到顶部是菜单的“选定”元素的位置。所以它在布局方面看起来像这样：
（对不起，显然我太新，无法在我的帖子中使用图片：/）
基本状态： http : //i.stack.imgur.com/Gs2Nz.jpg
现在，当用户单击一个项目时，我希望它将新选定的项目旋转到上图中“1”项目所在的顶部。所以它会是这样的：
如果用户选择了第 3 项，则菜单项会旋转： http : //i.stack.imgur.com/KWseu.jpg
其他一些需要注意的事情：我希望菜单项的文本或图像始终正常对齐，换句话说，我不希望元素文本在旋转后颠倒或出现某些情况。
我希望在页面加载时处理的元素的原始定位，而不是在 CSS 样式中进行硬编码。主要是为了它可以动态完成。
我打算对菜单做更多的事情，但我遇到了这种行为的问题。
我尝试过类似 Jquery 的 Animate() 方法，或使用 JavaScript 来影响每个元素的 css“top”和“left”属性，但它似乎不起作用，因为元素似乎不想移动.
我不知道尝试通过 X 的定制器区域是否不是问题，因为这是我被告知添加 JavaScript 代码的地方。或者这可能与我没有正确地将 JavaScript/JQuery 代码与 CSS 连接起来有关，我有相当多的编码经验，但我对 JQuery/CSS 等比较陌生。
如此简短的版本：我试图找到一种方法，当页面加载时，元素围绕中心点动态定位。然后当用户点击一个元素时，所有元素都围绕中心旋转，直到新选择的项目位于顶部。当用户选择不同的项目时，这种行为应该继续。
很抱歉这是一篇很长的文章，但我只是想尽我所能解释一下。任何见解或建议将不胜感激！提前致谢！:)
更新： 所以我最终尝试了 marzelin 的答案，因为它看起来非常适合我想要的。但是，当我将它添加到 X-Theme 的 Javascript 区域并更新我的 CSS 时，元素并没有移动。它们都堆叠在中心，但它们没有环绕中心点，单击它们似乎没有任何作用。似乎 CSS 已经生效，但 Javascript 部分由于某种原因没有影响元素？
这是我使用的 marzelin 的答案（只是 JavaScript 部分）： …
