圖片加載進度實時顯示
2007/2/2 23:06:33
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>網頁特效代碼|JsCode.CN|---圖片加載進度實時顯示</title> <script> var l=0; var imgs; var sum=0; var imgs=new Array(); function chk(){ l--; document.getElementById("aa").innerText=""+((sum-l)*100/sum)+"%" if (l==0){ for (var i=0;i<sum;i++) document.body.innerHTML+="<img src='"+imgs[i].src+"'>" } } if (document.images){ imgs[0]=new Image() imgs[1]=new Image() imgs[2]=new Image() imgs[3]=new Image() imgs[4]=new Image() imgs[5]=new Image() imgs[0].src="http://www.jscode.cn/JsCode/images/royale.jpg"; imgs[1].src="http://www.jscode.cn/JsCode/images/c0407.jpg"; imgs[2].src="http://www.jscode.cn/JsCode/images/royale.jpg"; imgs[3].src="http://www.jscode.cn/JsCode/images/c0407.jpg"; imgs[4].src="http://www.jscode.cn/JsCode/images/royale.jpg"; imgs[5].src="http://www.jscode.cn/JsCode/images/c0407.jpg"; } </script> </head> <body> <div id="aa">0%</div> <script> sum=l=imgs.length; for (var i=0;i<l;i++){ imgs[i].onload=chk; imgs[i].onerror=chk;//無論圖片是否加載成功,都執行指定方法 } </script> </body> </html>
提示:您可以先修改部分代碼再運行1、在IE、FF中測試,只在IE出現文字溢出現象。
說明:注釋造成文字溢出是IE的BUG。
返回列表
返回首頁
主站蜘蛛池模板:
免费99热在线观看|
国产深夜福利在线观看网站|
中文字幕一精品亚洲无线一区|
樱桃视频影院在线播放|
亚洲综合色成在线播放|
精品国产日韩亚洲一区在线|
国产区香蕉精品系列在线观看不卡|
你懂的手机在线视频|
國产一二三内射在线看片|
免费特级黄色片|
蜜桃视频无码区在线观看|
国产激情久久久久影院|
8090在线观看免费观看|
天天躁日日躁狠狠久久|
中国日韩欧美中文日韩欧美色|
日本漂亮继坶中文字幕|
亚洲AV无码乱码麻豆精品国产|
欧美日韩亚洲国产一区二区三区
|
日本伊人色综合网|
亚洲av无码专区电影在线观看|
欧美激情一区二区三区|
亚洲视频小说图片|
福利一区二区视频|
卡一卡二卡三精品|
色偷偷91综合久久噜噜app|
国产在线无码视频一区二区三区|
亚洲国产激情在线一区|
成年人免费看片网站|
久久国产乱子伦免费精品|
最新国产午夜精品视频不卡|
亚洲制服欧美自拍另类|
正在播放西川ゆい在线|
伊人久久大香线蕉免费视频|
精品久久欧美熟妇WWW|
吃奶摸下高潮60分钟免费视频|
色婷婷精品大在线视频|
国产传媒在线观看|
麻豆国产三级在线观看|
国产成人精品高清在线观看99|
日本免费xxx|
国产真实乱人偷精品|