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>

 

posted @ 2017-08-20 21:07  ︶ㄣ鳯躌氷瀚  阅读(144)  评论(0)    收藏  举报