zoukankan      html  css  js  c++  java
  • for循环坐标生成《逢十往下一行》

    <!DOCTYPE html>  

       <meta charset="UTF-8">

        <title></title>

        <style type="text/css">

          div{    50px;  

          height: 50px;   

         background-color: red;

          position: absolute;  

         top: 0;   left: 0;  

         line-height: 50px;

          text-align: center;  

         }

      </style>

      <script type="text/javascript">  

       window.onload=function (){

        // 1、先创建div   

         for(var i=0;i<20;i++){    

           document.body.innerHTML=document.body.innerHTML+'<div>'+i+'</div>';   

         }     

       // 2 、再查找div的位置   

         var aDiv = document.getElementsByTagName('div');

           for(var i=0;i<10;i++){     

             aDiv[i].style.left=20+i*50+'px';   

         }      

        // 3 、位置稍微做调整    

        // aDiv[10].style.top=50+'px';  

         // aDiv[10].style.left=20+'px';    //

         // aDiv[11].style.top=50+'px';  

        // aDiv[10].style.left=20+50*(11-10)+'px';   

         for(var i=10;i<30;i++){  

           aDiv[i].style.left=20+(i-10)*50+'px';   

          aDiv[i].style.top=50+'px';   

         }  

       }   

    </script>

     </head>

     <body>  

     </body>

    </html>

  • 相关阅读:
    MINA源码阅读之ACP
    高性能考量
    Intel项目Java小记
    Java NIO之Selector
    中广核需求分析心得
    Excel下拉框选项切换行颜色切换
    推理与证明习题
    常用逻辑用语习题
    统计章节的几个难点
    正态分布
  • 原文地址:https://www.cnblogs.com/xuling123/p/6902875.html
Copyright © 2011-2022 走看看