why正方向和负方向值不同才执行代码
为什么我的代码和老师一样，但是执行不了。正方向我的是+1，负方向我是-1就不行，除非负方向我是-10才行，这是为什么，width和height我设置得和老师一样啊
<!doctype>
<html>
<head>
</head>
<style type="text/css">
#div1
{
width:200px;
height:200px;
background:red;
position:relative;
top:0px;
left:-200px;
}
#div1 span
{width:20px;
height:50px;
background:blue;
position:absolute;
top:75px;
left:200px;
}
</style>
<script type="text/javascript">
window.onload=function()
{var odiv=document.getElementById("div1");
odiv.onmouseover=function()
{
startmove();
}
odiv.onmouseout=function()
{
startmove1();
}
}
var timer=null;
function startmove()
{clearInterval(timer);
var odiv1=document.getElementById("div1");
timer=setInterval(function()
{
if(odiv1.offsetLeft>=0)
{
clearInterval(timer);
}
else{
odiv1.style.left=odiv1.offsetLeft+1+'px';
}
},20)
}
function startmove1()
{clearInterval(timer);
var odiv1=document.getElementById("div1");
timer=setInterval(function()
{
if(odiv1.offsetLeft<=-200)
{
clearInterval(timer);
}
else{
odiv1.style.left=odiv1.offsetLeft-10+'px';
}
},30)
}
</script>
<body>
<div id="div1">
<span id="share">分享</span>
</div>
</body>
</html>
