JS怎么实现网页加载的进度百分比

JavaScript014

JS怎么实现网页加载的进度百分比,第1张

一般这种网站都是图片特别多而且质量很高导致加载慢。

所以

我们基本监听图片加载进度就可以达到比较好的效果。

而图片我们可以采用预加载

(也就是浏览器可以缓存,到真的要用的时候会自动从缓存读取)

那么我们只要检测预加载图片的进度就可以了

代码基本如下:

var

imgs

=

["1.jpg","2.jpg"]

for(var

i=0i<imgs.lengthi++){

var

img

=

new

Image()

img.onload

=

function(){

//图片加载完毕

此时更新进度条

}

img.src

=

imgs[i]

}

functionPercentage(number1,number2){return(Math.round(num/total*10000)/100.00+"%")//小数点后两位百分比}

你可以让顶部导航栏和其他部分分处不同的层,然后你只需要对其他部分所处的层进行缩放处理,导航栏不动,这样就实现你的目的了。比如:

<div class=head>这是顶部导航栏</div>

<div class=body>这是其他主体部分</div>

然后js代码就可以这样:

$("div.body").css({"transform":"scale(0.8)","transform-origin":"50% 0"})