1.首先需要做一张GIF的加载动画，一般网上都可以找到一些loading的gif，不过如果你想做的更个性一点的话，就自己用flash做一个动画，导出成gif格式就可以了，具体可以参考。
2.在BODY后面写加载动画的DIV容器，参考如下：
| <body> | |
| <div class=”page_spinner“></div> |
3.加载动画的CSS设置，主要要设置动画加载层的z-index大一些，盖住其他元素。如下：
.page_spinner {
position:fixed;
background: url(../images/main_spinnerr.gif) 50% 50% no-repeat #fff;
z-index:9999;
width:100%;
height:100%;
top:0;
left:0
}
4.在页面的最后位置，加载事件中写入执行语句。（主要是将加载动画慢慢隐藏掉，然后设置body的overflow为默认值）
| <script> | |
| $(window).load(function(){$(‘.page_spinner’).fadeOut(1000);$(‘body’).css({overflow:’visible’})}) | |
| </script> |
文章出自：深圳微信开发公司,原文地址：http://www.iswweb.cn/news/1585.html，转载请保留文章出处即可！
本站文章大多数属于原创文章，欢迎大家转载!少数我们转载文章的文章，如未获您授权请点下方联系我们，我们会尽快下线处理！
