2010/3/4 0:33:51
网页载入中的代码和样式
网页载入中的代码和样式
现在的网页元素和图片比较多,经常遇到还没载入完全,浏览者就开始点击网站,造成某些需要载入完成才能执行的脚本不能执行,那我们怎么办呢?最简单的方法在body的onload事件加入处理,让没载入之前有个提示,或者在没载入之前屏蔽你的脚本,等载入完再开放。
简单的代码如下,可放在网页任意位置:
<style>
.dvloading{position:absolute;left:500px;top:500px;width:300px; background-color:#ffffff;border-width:1px;border-color:#95cbf7;border-style:solid;padding:5px;font-Size:12px;cursor:move;z-index:100;position:fixed !important;color:#c90000;}
</style>
<script>
document.body.onload =function()
{
document.getElementById("divloading").style.display="none";
}
</script>
<div class="dvloading" align="center" id="divloading"><strong>数据下载中,请稍后...<br /></strong></div>
<script>
document.getElementById("divloading").style.left=document.body.clientWidth/2-160;
</script>
.dvloading{position:absolute;left:500px;top:500px;width:300px; background-color:#ffffff;border-width:1px;border-color:#95cbf7;border-style:solid;padding:5px;font-Size:12px;cursor:move;z-index:100;position:fixed !important;color:#c90000;}
</style>
<script>
document.body.onload =function()
{
document.getElementById("divloading").style.display="none";
}
</script>
<div class="dvloading" align="center" id="divloading"><strong>数据下载中,请稍后...<br /></strong></div>
<script>
document.getElementById("divloading").style.left=document.body.clientWidth/2-160;
</script>