各位大神，看一下我的為什么不能停止。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#div1{
width:200px;
height:200px;
background-color:red;
position:relative;
left:-200px;
top:0px;
}
#share{
width:20px;
height:50px;
background-color:blue;
position:absolute;
left:200px;
top:50px;}
</style>
<script >
window.onload=function(){
var oDiv=document.getElementById("div1");
oDiv.onmouseover=function(){
startMove();
}
}
var timer=null;
function startMove(){
var oDiv=document.getElementById("div1");
timer=setInterval(function(){
? if(oDiv.offsetLeft == 0)
? {
? clearInterval(timer);
? }
? else{
? ? oDiv.style.left=oDiv.offsetLeft+10+'px';
? ? }
}
,30);
}
</script>
</head>
<body>
<div id="div1"><span id="share">點(diǎn)擊</span></div>
</body>
</html>
2016-05-11
最開始沒有把CSS樣式初始化，加一段代碼 ? ?*{margin：0；padding：0；}即可以完美的解決你這個問題
2016-05-16
因為不初始化的話，div初始的left值就不是-200、速度+的值就不會完整的等于0.永遠(yuǎn)不滿足循環(huán)停止的條件，所以就陷入了死循環(huán)