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的过于简单这里就不一一介绍了
祝大家学习进步