<!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>
請問加粗地方的代碼為什么沒有執行，求大神指教。
慕田峪8701529
2017-06-20 00:55:17
