“渐进式”网站加载

Question

我正在寻找一种方法来生成一种“渐进式”页面加载效果，重新加载时可以看到，例如Linkedin：

它会立即加载，并在加载时被实际内容替换。 我已经在很多网站上看到它了，所以我猜它有一个名字和一个正确的方法/ js框架，它做到了这一点：）

Answer 1

这里的问题是“未加载内容”与“真实内容”之间的转换。

对于您的“未加载的内容”，您可以简单地放置一些空的div，thumnails，甚至只是图像。更容易但风险更大，您网站的整个图像“根本没有加载”。

但是你必须找到消除这些东西的方法并淡化你的“真实内容”。

你可以使用jquery动画函数“fadein”和“fadeout”练习或者使用像Animate.cc这样的库，但是困难的是把2个内容放在同一个地方（index-z css属性）

而不是所有这些搜索库来执行此操作。