window.onload=function(){

    var op = document.getElementById('p');
    var timer= null;

    op.onmouseover=function(){
        startMove1();    
    }
    op.onmouseout=function(){
        startMove2();
    }

    function startMove1(){
      clearInterval(timer);
      timer=setInterval(function(){
          if(op.offsetLeft==0){
            clearInterval(timer);
          }else{
            console.log(111);
            op.style.left=op.offsetLeft+10+'px';
          }             
      },30);
    }

    
    function startMove2(){
      clearInterval(timer);
      timer=setInterval(function(){
          if(op.offsetLeft==-150){
            clearInterval(timer);
          }else{
            op.style.left=op.offsetLeft-10+'px';
          }             
      },30);
    }

  }
  
  

<p id="p">

<p id="p1">分享到</p>

</p>