举个例子
<style type="text/css">
#load{
width:120px
height:40px
background-color:"#660000"
color:"#FFFFFF"
position:absolute
top:0px
left:0px
}
body{
background-color:"#cccccc"
}
</style>
<script>
window.onload=function(){
objLoad=document.getElementById('load')
objLoad.style.display='none'
}
</script>
<body>
<div id="load">正在加载......</div>
由图可见，动画1中有三根竖线，在进行变长变短的高度变化以及线条的颜色变化，因此分为以下几个步骤：
动画2中则与动画1排版略有不同：在动画区域内，有四个圆点，然后重复的放大缩小以及匀速旋转。因此步骤如下：
以上。
