<style> body,div,span{ margin:0; padding:0; } #div1{ 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.onmousemove=function(){ startMove(10,0); } oDiv.onmouseout=function(){ startMove(-10,-200); } } var?timer=null; function?startMove(iTarget){ clearInterval(timer); var?oDiv=document.getElementById('div1'); timer=setInterval(function(){ var?speed=0; if(oDiv.offsetLeft>iTarget){ speed=-10; } else?{ speed=10; } if(oDiv.offsetLeft==iTarget){ clearInterval(timer); } else{ oDiv.style.left=oDiv.offsetLeft+speed+'px'; } },30) } </script> </head> <body> <div?id="div1"><span?id="share">分享</span></div> </body>
2019-07-23
function?startMove(iTarget)函數(shù)里你只有一個(gè)參數(shù)，但是調(diào)用的時(shí)候你傳了兩個(gè)?startMove(10,0);? ? ?
改成只傳目標(biāo)值就可以了；
oDiv.onmousemove=function(){????????????????????startMove(0);????????????????}??????????????? oDiv.onmouseout=function(){?????????????????startMove(-200);????????????????}