                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JS動畫效果

為什么我的代碼在0那個位置聽不下來？

<!DOCTYPE html>
<html lang="en">
<head>
? ?<meta charset="UTF-8">
? ?<title>Title</title>
? ?<style>
#div1{
? ? ? ? ? ?width: 200px;
? ? ? ? ? ?height: 200px;
? ? ? ? ? ?background: yellow;
? ? ? ? ? ?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() {
? ? ? ?clearInterval(timer);
? ? ? ?var oDiv=document.getElementById('div1');
? ? ? ?timer=setInterval(function () {
? ? ? ? ? ?if(oDiv.offsetLeft==0){
? ? ? ? ? ? ? ?clearInterval(timer);
? ? ? ? ? ?}
? ? ? ? ? ?else {
? ? ? ? ? ? ? ?oDiv.style.left = oDiv.offsetLeft + 1 + 'px';
? ? ? ? ? ?}
? ? ? ?},30)
}

</script>

</head>
<body>
<div id="div1"><span id="share">分享</span></div>
</body>