2016-07-19 4 views
-3
div.style.marginLeft="-200px"; 

При нажатии кнопки над инструкцией выполняется, но она просто меняет маржу мгновенно, но я хочу, чтобы она двигалась при изменении поля. Для этого мне нужно решение JavaScript.Как анимировать div с изменением поля с помощью js

+0

классы Использование HTML .. –

+5

Ожидается, что вы по крайней мере попытаться закодировать это для себя. Stack Overflow не является службой записи кода. Я бы предположил, что вы делаете некоторые [** дополнительные исследования **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users) , либо через Google, либо путем поиска SO, сделайте попытку и. если у вас все еще есть проблемы, вернитесь ** с кодом ** и объясните, что вы пробовали, и почему это не сработало. –

ответ

0

На самом деле вы, вероятно, можете решить это с помощью CSS. Если у вас уже изменились поля, попробуйте применить переход CSS к элементу.

-webkit-transition: all 1s ease-in-out; 
-moz-transition: all 1s ease-in-out; 
-o-transition: all 1s ease-in-out;  
transition: all 1s ease-in-out; 

В этом случае «все» - это ссылка на свойство, к которому вы хотите применить переход. Вероятно, вы можете использовать margin-left, но all будет охватывать практически все доступные свойства перехода.

Вот подробнее: https://developer.mozilla.org/en-US/docs/Web/CSS/transition

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