анимации, чтобы переместить элемент не работает

-3

Я тестирую простую анимацию, чтобы переместить текстанимации, чтобы переместить элемент не работает

<hmtl> 
    <style> 
    #work{ 
     background-color:blue; 
     width:50px; 
     position:absolute; 
     left:50px; 

    } 
    </style> 
    <body> 
     <div id="work">Animation Area</div> 
     <script> 
      elem=document.getElementById("work"); 
      function move(){ 
       if(elem.style.left < 500){ 
        elem.style.left=(elem.style.left+10)+'px'; 
        setTimeout(move,20); 
       } 
      } 
      move(); 
     </script> 
    </body> 
</hmtl>

В этом простом коде я не могу найти, где я допустил ошибку. Я получаю только текст в местоположении по умолчанию, но он не перемещается. Зачем?

источник

2015-04-23 BsD

Во-первых, 'elem.style.left' не возвращается число, оно возвращает что-то вроде '500px '' – adeneo

Во-вторых, элемент не имеет позиции или стартового значения слева – adeneo

'' должно быть '' – Downgoat

Вы сделали кучу ошибок, после некоторой отладки консоль обнаружила, что style.left возвращает null. Установите его на любое значение, и это работает отлично

I'll leave you with this

источник

2015-04-23 19:43:21 Downgoat

Использование MarginLeft
начало MarginLeft со значением

Когда вы получаете значение MarginLeft, вы должны проанализировать значение INT

<div style="margin-left:0px" id="work">JAVASCRIPT ANIMATE</div> 
    <script> 
     var elem = document.getElementById("work"); 
     function move(){ 

      var intLeft = parseInt(elem.style.marginLeft); 

      if(intLeft < 500){ 
       elem.style.marginLeft=(intLeft+10) + 'px'; 
       setTimeout(move,20); 
      } 
     } 
     move(); 
    </script>

источник

2015-04-23 19:52:28

анимации, чтобы переместить элемент не работает

ответ

Смежные вопросы