<html>
<head>
<meta http
equiv="Content
Type" content="text/html; charset=gb
">
<title>網頁特效代碼|JsCode
CN|
圖片加載進度實時顯示</title>
<script>
var l=
;
var imgs;
var sum=
;
var imgs=new Array();
function chk(){
l
;
document
getElementById("aa")
innerText=""+((sum
l)*
/sum)+"%"
if (l==
){
for (var i=
;i<sum;i++)
document
body
innerHTML+="<img src=
"+imgs[i]
src+"
>"
}
}
if (document
images){
imgs[
]=new Image()
imgs[
]=new Image()
imgs[
]=new Image()
imgs[
]=new Image()
imgs[
]=new Image()
imgs[
]=new Image()
imgs[
]
src="
imgs[
]
src="
imgs[
]
src="
imgs[
]
src="
imgs[
]
src="
imgs[
]
src="
}
</script>
</head>
<body>
<div id="aa">
%</div>
<script>
sum=l=imgs
length;
for (var i=
;i<l;i++){
imgs[i]
onload=chk;
imgs[i]
onerror=chk;//無論圖片是否加載成功
都執行指定方法
}
</script>
</body>
</html>
提示您可以先修改部分代碼再運行
在IEFF中測試只在IE出現文字溢出現象
說明注釋造成文字溢出是IE的BUG
From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20474.html