zoukankan      html  css  js  c++  java
  • 像进度条的网页加载Loading JS代码

    <html>
    <head>
    <title>程序加载页面</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head>
    <body style="background:black">
    <div id="div1" style="position:absolute;322;height:14;border:1 #707888 solid;overflow:hidden">
     <div style="position:absolute;top:-1;left:0" id="pimg">
     </div>
    </div>
    <div id="div2" style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4">
    正在加载中......
    </div>
    <script language="JavaScript">
    s=new Array("#050626","#0a0b44","#0f1165","#1a1d95","#1c1fa7","#1c20c8","#060cff");
    //s=new Array("#333333","#555555","#777777","#999999","#AAAAAA","#CCCCCC","#EEEEEE");
    div1.style.posTop=Math.floor((document.body.clientHeight-14)/2);
    div1.style.posLeft=Math.floor((document.body.clientWidth-322)/2);
    div2.style.posTop=parseInt(div1.style.posTop)+20;
    div2.style.posLeft=parseInt(div1.style.posLeft)+120;
    function Larrange(){
     pimg.innerHTML="";
     for(i=0;i<9;i++){
      pimg.innerHTML+="<input style="15;height:10;border:0;background:"+s[i]+";margin:1">";
     }
    }
    function Rarrange(){
     pimg.innerHTML="";
     for(i=9;i>-1;i--){
      pimg.innerHTML+="<input style="15;height:10;border:0;background:"+s[i]+";margin:1">";
     }
    }
    var is=0;size=0;
    function move(){
     if(pimg.style.pixelLeft<350&&is==0){
      if(size==0){Larrange();size=1;}
      pimg.style.pixelLeft+=3;
      setTimeout("move()",1);
      return;
     }
     is=1;
     if(pimg.style.pixelLeft>-200&&is==1){
      if(size==1){Rarrange();size=0;}
      pimg.style.pixelLeft-=3;
      setTimeout("move()",1);
      return;
     }
     is=0;
     move();
    }
    function flashs(){
     if(div2.style.color=="#ffffff"){
      div2.style.color="#707888";
      setTimeout('flashs()',500);
     }
     else{
      div2.style.color="#ffffff";
      setTimeout('flashs()',500);
     }
    }
    Larrange();
    flashs();
    move();
    </script>
    </body>
    </html>

  • 相关阅读:
    LOJ 10160
    LOJ 10155
    2018-11-1 NOIP 模拟赛解题报告
    联考前停课集训随笔
    一个博客园代码高亮的方案
    详解使用 Tarjan 求 LCA 问题(图解)
    NOIP2018普及初赛解析
    关于CCR测评器的自定义校验器(Special Judge)
    日常,异常处理
    Androidstudio 编译慢 这样的体验肯定很多人都有!!!
  • 原文地址:https://www.cnblogs.com/softmans/p/7485178.html
Copyright © 2011-2022 走看看