页面进度条制作

来源:互联网 发布:nfc写卡器软件 编辑:程序博客网 时间:2024/05/17 03:08

一、假象的进度条

1、在网页上面添加一个 div层,占满整个页面,然后设置背景为某个加载进度的gif图像。

        2、在页面写js,等待指定时间后,隐藏遮罩层:

        $("body").ready(function(){

$(".layer").fadeout();

},5000)

二、真正能测试到页面加载时间的进度条

      1、document.onreadystatechange事件   和 document.readystate属性值有    uninialized(还未开始载入)   loading(载入中)   interactive(已经加载)   complete(载入完成)

       2 document.onreadystatechang = funtion(){

if(document.readystate == "complete"){

$(".layer").fadeout();

}

}