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