「進步」網站裝載

Question

我正在尋找一種方式來產生一種「進步」頁面加載效果重裝例如LinkedIn時，你可以看到：

它加載瞬間，並且在加載時被實際內容取代。 我已經看到它已經在很多網站上，所以我猜它有一個名稱和一個正確的方法/ js框架，這樣做:)

Answer 1

這裏的問題是你的「未加載內容「和」真實內容「。

對於你的「未加載內容」，你可以簡單地放一些空白的div，thumnails，甚至只是圖像。更簡單但更具風險性，您的網站的整個圖像「完全不加載」。

但是，你必須找到方法來消除這些東西，並淡化你的「真實內容」。

你可以練習，用jQuery的動畫功能「淡入」和「淡出」，或者使用一些圖書館像Animate.cc，但困難的是把2項內容在同一個地方（索引-Z CSS屬性）。

而不是所有搜索的圖書館都這樣做。