漂亮的loading页面代码

2018-5-16 金莎网 HTML 

  1. <html>
  2. <head>
  3. <meta http-equiv="content-Type" content="text/html;charset=gb2312">
  4. <meta name="keywords" content="站长,网页特效,网页特效代码,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,www.zzjs.net,站长特效 网" />
  5. <meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
  6. <title>网页特效 很酷的网页加载Loading效果 站长特效网欢迎您。</title>
  7. </head>
  8. <body>
  9.  
  10. <div style="margin-top:40;margin-left:40;margin-right:0">
  11. <p> </p>
  12. <p align="center"> </p>
  13. <p align="center"> </p>
  14. <p align="center"> </p>
  15. <div style="margin-top:-20;margin-left:0;margin-right:0" align="center">
  16. <form method="post" name="proccess">
  17. <script language=javascript>
  18. document.write("<br><br><br><br><table border='0' cellspacing='1' cellpadding='0' bgcolor='#000000'><tr bgcolor=#ffffff><td style='font:9pt Verdana;'>")
  19. for(i=0;i<200;i++)document.write("<input class=proccess >")
  20. document.write("</td></tr></table><br>")
  21. document.write("<div align='center' style='font-size:9pt;color:#660000;'>处理中，请勿关闭页面……</div>")
  22. </script>
  23. </form>
  24. <div align="center">
  25. <script language="JavaScript">
  26. <!--
  27. var p=0,j=0;
  28. var c=new Array("#FF6600","#ffffff")
  29. setInterval('proccess();',5)
  30. function proccess(){
  31. document.forms.proccess.elements[p].style.background=c[j];
  32. p+=1;
  33.  
  34. if(p==200){p=0;j=1-j;}}
  35. -->
  36. </script>
  37. </div>
  38. </div>
  39.  
  40. </body>
  41. </html>

标签: 实例

« 判断是否为手机版 | 腾讯云COS在线上传的PHP实现代码»
Powered by emlog 京ICP备15030633号-2