• 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>
  • 相关阅读:
    软件工程概论-用户登录界面
    2016.11.25异常处理
    2016.11.18多态
    2016.11.11继承与接口
    11.6数组
    10.28字符串加密等
    python 读写文件
    python可变的类型、不可变的类型
    python 字典练习 记录学生是否交作业的小程序
    python字典
  • 原文地址:https://www.cnblogs.com/oklfx/p/7401428.html
Copyright © 2020-2023  润新知