一模一樣的代碼，怎么停不下來啊？？？？？？？？？？？？？？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style>
div{width:200px;
? ? height:200px;
? ? background:red;
position:relative;
left:-200px;
top:0;
}
#div1 span{
width:20px;
height:50px;
background:blue;
position:absolute;
left:200px;
top:75px;
}
</style>
<script>
? ?window.onload=function(){
?var oDiv=document.getElementById("div1");
oDiv.onmouseover=function(){
? ? ? ? ? ? ? ? ? ? ? ? ?startMove();
? ? ? ? ? ? ? ? ? ? ? ? ? }
var timer=null; ? ? ? ? ? ? ? ? ? ? ? ? } ??
function startMove(){
var oDiv=document.getElementById("div1");
if(oDiv.offsetLeft==500){cleaInterval(timer)}
else{
setInterval(function(){oDiv.style.left= oDiv.offsetLeft+1+"px";},300)
}
? ?
}
</script>
</head>
<body>
<div id="div1"><span id="share">分享</span></div>
</body>
</html>
2016-03-04
clearInterval（timer），不能讀取timer的參數(shù)，timer沒有指向你設的計時器
2015-12-27
你可以試一下在style那里設置的最前的位置加上*{border:0px;padding:0px;margin:0px;}我之前也只這樣子。我用的是chrome瀏覽器。
2015-12-03
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html?xmlns="http://www.w3.org/1999/xhtml"> <head> <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/> <title>無標題文檔</title> <style> div?{ width:?200px; height:?200px; background:?red; position:?relative; left:?-200px; top:?0; } #div1?span?{ width:?20px; height:?50px; background:?blue; position:?absolute; left:?200px; top:?75px; } </style> <script> window.onload?=?function()?{ var?oDiv?=?document.getElementById("div1"); oDiv.onmouseover?=?function()?{ startMove(); } var?timer?=?null; } function?startMove()?{ var?oDiv?=?document.getElementById("div1"); var?timer1=setInterval(function()?{ console.log(oDiv.offsetLeft); oDiv.style.left?=?oDiv.offsetLeft?+?1?+?"px"; if?(oDiv.offsetLeft?>500)?{ clearInterval(timer1); } },?300) } </script> </head> <body> <div?id="div1"><span?id="share">分享</span></div> </body> </html>你只是在開始的時候判斷了一下oDiv.offsetLeft 是否等于500，這個肯定不能等于，要每移動一次判斷一次，還有就是不能等于500 只能是大于