简单的DIV移动

window.onload = function(){
    var start = document.getElementById("start");
	var DIV = document.getElementById("DIV"); //获取元素id
	var tt = 0;
	var timer = null;
 	start.onclick = function(){   //注册点击事件
	    clearInterval(timer);
		timer = setInterval(function(){
		    var st = 9;
			tt +=st;
			if(tt>=1000){
			     clearInterval(timer);  //清空计时器
				 DIV.style.left="1200px";
			}else{
			     DIV.style.left = tt + "px";
			}
		},20);
		
	}
}

这是div移动的JavaScript的完整代码

html和css的过于简单这里就不一一介绍了

祝大家学习进步