zoukankan      html  css  js  c++  java
  • test3

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8" />

    <title></title>

    <style type="text/css">

    #box {

    width: 100px;

    height: 100px;

    background: deeppink;

    position: absolute;

    left: 0;

    text-align: center;

    line-height: 100px;

    color: #fff;

    }

    </style>

    </head>

    <body>

    <div id="box"></div>

    <script>

    var i = -200;

    var oBox = document.getElementById("box");

    function Move(){

    i += 20;

    oBox.style.left = i + 'px';

    if(i>= (document.body.clientWidth - 110))

    {

    clearInterval(timer);

    }

     

    }

    var timer = setInterval(Move,10);

    </script>

    </body>

    </html>

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8" />
     5         <title></title>
     6         <style type="text/css">
     7             #box {
     8                 width: 100px;
     9                 height: 100px;
    10                 background: deeppink;
    11                 position: absolute;
    12                 left: 0;
    13                 text-align: center;
    14                 line-height: 100px;
    15                 color: #fff;
    16             }
    17         </style>
    18     </head>
    19     <body>
    20         <div id="box"></div>
    21             <script>
    22             var i = -200;
    23             var oBox = document.getElementById("box");
    24             function Move(){
    25                 i += 20;
    26                 oBox.style.left = i + 'px';
    27                 if(i>= (document.body.clientWidth - 110))
    28                 {
    29                     clearInterval(timer);
    30                 }
    31                 
    32             }
    33             var timer = setInterval(Move,10);
    34         </script>
    35     </body>
    36 </html>
  • 相关阅读:
    运算符、基本数据类型-----整型、字符串
    练习题
    python安装与初识(python起源、分类,if语句、while语句、基本数据类型、变量的命名)
    hdu2187悼念512汶川大地震遇难同胞——老人是真饿了(贪心 简单题)
    牛客小白月赛9 A签到(分数取模,逆元)
    牛客小白月赛9H论如何出一道水题(两个连续自然数互质)
    EOJ3134. 短信激活码(大数幂取模)
    EOJ3650 转机折扣(26进制,字符串)
    hdu1042 N!(大数求阶乘)
    hdu2061 Treasure the new start, freshmen!(暴力简单题)
  • 原文地址:https://www.cnblogs.com/oklfx/p/7401428.html
Copyright © 2011-2022 走看看