<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title><style> #div1 {width: 100px; height: 100px; background-color: #aab4bc;position: absolute;left: 0px;}</style><script> window.onload=function(){ var odiv1=document.getElementById("div1"); var obtn1=document.getElementById("btn1"); var obtn2=document.getElementById("btn2"); var obtn3=document.getElementById("btn3"); var obtn4=document.getElementById("btn4"); var timer=null; obtn1.onclick=function () { clearInterval(timer) timer = setInterval(function () { odiv1.style.left = odiv1.offsetLeft + 5 + "px" }, 30); } obtn2.onclick=function(){ clearInterval(timer) }; obtn3.onclick=function(){ clearInterval(timer) timer=setInterval(function(){odiv1.style.left=odiv1.offsetLeft-5+"px"},30) }; obtn4.onclick=function(){ alert(odiv1.offsetLeft); } if (odiv1.offsetLeft<0){ alert("!!!"); }; }</script></head><body><input type="button" value="向右移动" id="btn1"><input type="button" id="btn2" value="停止移动"><input type="button" value="向左移动" id="btn3"><input type="button" value="当前边距" id="btn4"><div id="div1"></div></body></html>
添加回答
举报
0/150
提交
取消