网页部分的动画折叠

Question

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

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

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

我想要第三，这样如果没有安装JavaScript，它会优雅地降级，所以如果有人在新标签页中打开它，它仍然可以正常工作。

那我该如何实现呢？这只是JavaScript的可行/明智吗？或者我真的需要去学习PHP吗？ （我知道ASP.NET，但我的服务器上没有它）

Answer 1

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

要更新网址栏，您可以使用window.pushState和其他相关方法。请记住，IE don't的某些旧版本支持pushState，因此最好为它们禁用Javascript。