点击这里给我发消息 点击这里给我发消息

网页载入中的代码和样式

添加时间:2010-3-4
    相关阅读: 网页 网站
现在的网页元素和图片比较多,经常遇到还没载入完全,浏览者就开始点击网站,造成某些需要载入完成才能执行的脚本不能执行,那我们怎么办呢?最简单的方法在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>
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册