我有个问题。我已经在这个网站上工作了一段时间，但我遇到了一点砖墙。我已经考虑过几次了，我不知道该怎么做。
我在一个页面上有 5 种不同的内容配置，我需要在它们之间进行交换。应该发生的是，当用户单击一个按钮时，应该会发生一系列动画，并最终将按钮和顶部替换为按下的那个。位于顶部的那个应该返回到其原始位置（“主页”应该始终在顶部，“关于”应该始终在其下方，除非它是当前页面）。
我的网站在这里，http://www.logicanddesign.ca所有的 javascript 都开放供您查看。你们能提供的任何帮助都会有帮助。我想在不完全重写我的网站的情况下这样做，但如果这是唯一的方法，我会的。
好吧，我想指出的第一件事是，您将button_click函数与图像相关联，而不是与div包含它们的 s 相关联。最好使用div标签进行事件处理。
其次，您只移动当前按钮和按下的按钮。为了达到您想要的效果，您需要在 和 的默认位置之间移动buttonPressed按钮currentPage。
此外，您不能只moveUp为按下的按钮静态定义功能而没有别的。因为有时您需要在按下的按钮和当前按钮之间向上移动按钮。
显然，当您将divs 设置为动画时，您需要考虑中间移动。可能在moveDivs函数中。
我做了一个小提琴，代表你可以做哪些改变来达到所需的效果，但我觉得我写的东西一团糟。那种值得做噩梦的烂摊子，真的……
在我看来，您可以创建一个 javascript 类来处理动画和动作。制作一个类将使代码更加简洁，并且您可以无限期地添加按钮而不会破坏您的代码。