- 1 2 3 4
- 5
- 6 7 #div1{
- 8 width: 200px;
- 9 height: 200px;
- 10background-color: red;
- 11 }
- 12131415
- 161718 varnum=document.getElementById("div1")
- 19 //div块的初始值
- 20 varnums=200;
- 21 //循环移动,每0.5秒移动一次
- 22 vartestInterval=setInterval(fun,500)
- 23 function fun(){
- 24 //设置新的left的值
- 25num.setAttribute("style","position: relative;left:"+nums+'px')
- 26 //每次移动10px
- 27nums+=10;
- 28 //当left: 1110px的时候就停止移动
- 29 if(nums==1110){
- 30 clearInterval(testInterval);
- 31 }
- 32 }
- 333435
来源: http://www.bubuko.com/infodetail-2140024.html