怎样用javascript实现网页的加载动画
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了怎样用javascript实现网页的加载动画相关的知识，希望对你有一定的参考价值。
我想做在页面加载之前显示加载动画，页面未加载完成之前显示一个加载动画，页面加载完成之后，显示页面内容，加载的动画这些不要管了，现在我不知道事件，以及事件的处理。我现在用了document.readyState == "loading" 后，可以alert出东西，但是动画的dom怎么显示呢?求助。
参考技术A 思路的问题。一般我们只依靠onload或者document.ready事件来判断页面是否加载完毕，因为loading状态没有意义。因为页面完全加载之前，我们无法了解哪些东西已经加载了，如果这个时候调用js或者html元素可能产生错误。
页面加载之前是没有任何事件的。所谓加载之前的动画是形如以下的代码
<html>
<body
onload="第一个div隐藏，第二个div显示">
<div>
<img
src='loading.gif'
style="width:
100%;"
/>
</div>
<div
style="diaplay:
none;">
<!--页面内容在这里加载-->
</div>
</body>
</html>
瀑布流网页布局+加载动画+固定加载页数
一直在找瀑布流布局masonry。js和infinitescroll。js，但是不知道怎么让砖头从左边滑出或者下面弹上来的那种加载动画，还有就是要加载固定页数，比如加载十页停止出现换页条，不要无限拖！求高人指点，本人新手！
参考技术A Danger以上是关于怎样用javascript实现网页的加载动画的主要内容，如果未能解决你的问题，请参考以下文章