loading动画效果记录

　　看到好多网页都有一个炫酷的loading动画，以前不知道怎么实现的。今天学习了一下，发现其实也很简单。

　　首先在学习的时候偶然遇到一个pace.js的库，非常好用。优点是，不需要挂接到任何代码，自动检测进展。还可以选择颜色和多种效果。可以显示进度百分比。

　　然后说自己怎么做一个不需要进度条的loding效果。个人觉得loading动画还是加一个遮罩比较好看，pace中好像都没有遮罩。所以自己写。

1. 写一个div，加上id或者class。里面放上自己喜欢的loading动画，可以自己用css写，可以参照网上的资源，有很多漂亮的效果。也可以用一张gif图代替，也是比较方便。看需求。
2. 给div设置为position：fixed，还有z-index设置大一点。
3. 在js中用上onload事件。用jq的ready（）是不好的。今天在学习的时候对比发现，js的onload 事件会在页面或图像加载完成后立即发生。而jq中ready（）当DOM准备就绪时，指定一个函数来执行。就是说ready只加载dom后就可以执行了，而onload要加载完所有的资源包括图片资源。还是看需求使用。