熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

圖片加載進度實時顯示

2013-11-15 12:11:34  來源: JSP教程 

  <html>

  <head> <meta httpequiv="ContentType" content="text/html; charset=gb"> <title>網頁特效代碼|JsCodeCN|圖片加載進度實時顯示</title> <script> var l=; var imgs; var sum=; var imgs=new Array(); function chk(){   l;   documentgetElementById("aa")innerText=""+((suml)*/sum)+"%"   if (l==){      for (var i=;i<sum;i++)        documentbodyinnerHTML+="<img src="+imgs[i]src+">"   } } if (documentimages){ 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=imgslength; 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
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.