所以
我们基本监听图片加载进度就可以达到比较好的效果。
而图片我们可以采用预加载
(也就是浏览器可以缓存,到真的要用的时候会自动从缓存读取)
那么我们只要检测预加载图片的进度就可以了
代码基本如下:
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"})