div罩层缓慢向下移动 模拟 慢速加载网页

<div id="shadow" style="width:100%;z-index:999;background-color:white;position:absolute;bottom:0px" >

</div>
<script type="text/javascript">
var ggRoll = {
roll: document.getElementById("shadow"),
speed: 12,
statusY: 1,
y: 0,
winH: document.documentElement.clientHeight - document.getElementById("shadow").offsetHeight,
Go: function () {
this.roll.style.top = this.y + 'px';

this.y = this.y + (this.statusY ? -1 : 1)
if (this.y < 0) { this.statusY = 0 }
if (this.y > this.winH) { clearInterval(interval) }
}
}
var interval = setInterval("ggRoll.Go()", ggRoll.speed);
</script>

转载于:https://www.cnblogs.com/yanergui/p/5014291.html