1.旧方法：用PS或者Flash制作gif格式的动态图片，导入到html里面
2.用css3的动画属性（animite）,直接通过样式+div就可以制作出loading效果
当然优缺点也很明显，第一种方法不需要考虑兼容性，第二种方法，适用于移动端和PC端上高版本的浏览器，因为低版本的浏览器对css3的兼容性只有一个词来形容--坑爹啊。
页面卡死，还是在页面内容或者代码上去解决。即使加了loading，页面卡死后，loading代码本身也会出现假死的。
除了加loading外，最重要的还是解决假死的问题。
参考以下loading代码：
<style>.loading{
width: 80px
height: 40px
margin: 0 auto
margin-top:100px
}
.loading span{
display: inline-block
width: 8px
height: 100%
border-radius: 4px
background: lightgreen
-webkit-animation: load 1s ease infinite
}
@-webkit-keyframes load{
0%,100%{
height: 40px
background: lightgreen
}
50%{
height: 70px
margin: -15px 0
background: lightblue
}
}
.loading span:nth-child(2){
-webkit-animation-delay:0.2s
}
.loading span:nth-child(3){
-webkit-animation-delay:0.4s
}
.loading span:nth-child(4){
-webkit-animation-delay:0.6s
}
.loading span:nth-child(5){
-webkit-animation-delay:0.8s
}
</style>
<div class="loading">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
