網頁部分的動畫合攏

Question

我剛剛開始使用JavaScript，我想實現頁面某些部分的動畫折疊。

在頁面頂部，我有一個導航欄，其中包含指向頁面所有部分的鏈接。 當我單擊一個時，我想發生的事情是：

1. 當前顯示的部分折疊為空
2. 請求的部分擴展（理想情況下同時擴展）以填充剩余空間
3. 更改URL以反映此新選擇

我想要第三個，以便在未安裝JavaScript的情況下將其降級，並且如果有人在新選項卡中將其打開仍可以使用。

那么我將如何實施呢？ 僅使用JavaScript可以做到這一點嗎？ 還是我真的需要學習PHP？ （我知道ASP.NET，但服務器上沒有它）

Answer 1

這是可行/可行的。 為了實現這一點，我可能應該使用Jquery + AJAX。 只需覆蓋導航欄中的鏈接重定向即可使用AJAX。 可以使用JQuery或其他一些庫來完成動畫。 .load看起來不錯。

要更新URL欄，可以使用window.pushState和其他關聯方法。 請記住，某些舊版本的IE 不支持pushState，因此最好為它們禁用Javascript。