javascript - 网页部分的动画折叠

Question

我刚开始使用 JavaScript，我想实现页面某些部分的动画折叠。

在我的页面顶部，我有一个导航栏，其中包含指向页面所有部分的链接。当我点击一个时，我想要发生的是：

1. 当前显示的部分折叠为空
2. 请求的部分扩展（理想情况下同时）以填充剩余空间
3. 反映此新选择的要更改的 URL

我想要第三个，以便在未安装 JavaScript 的情况下优雅地降级，并且如果有人在新选项卡中打开它，它仍然可以工作。

那么我将如何实施呢？仅使用 JavaScript 是否可能/明智？还是我真的需要学习 PHP？（我知道 ASP.NET，但我的服务器上没有它）

Answer 1

这是可行的/可行的。要实现这一点，我可能应该使用 Jquery+AJAX。只需覆盖导航栏中的链接重定向即可使用 AJAX。动画可以使用 JQuery 或其他库来完成。.load看起来不错。

对于更新 URL 栏，您可以使用window.pushState和其他相关方法。请记住，一些旧版本的 IE不支持 pushState，因此最好为它们禁用 Javascript。