используя javascript, как я могу анимировать движение элемента после щелчка по тегу привязки?

Question

Как видно из названия, как я могу переместить элемент после нажатия на тег привязки?куда двигаться и как быстро mvoe и т. д. Мне все равно, я просто хочу, чтобы сохранить анимацию элемента после каждого нажатия на ссылку привязки.

Answer 1

Мне было скучно, вот прокомментированный пример того, как делать то, что вы хотите, посмотрите и посмотрите, поможет ли это: http://jsfiddle.net/fTHBy/3/

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

1. Вам необходимо прикрепить прослушиватель событий к вашим тегам привязки, чтобы вы могли выполнять свой JavaScript, когда люди нажимают на него. Вы можете использовать функцию raw JS element.addEventListener(type, handler); или библиотеку по вашему выбору. Это также может помочь вызвать event.preventDefault (); остановить браузер по ссылке.
2. Вам необходимо запустить периодическое обновление, которое будет выполнять вашу анимацию. Вы можете использовать window.setTimeout(fnc, delay); и убедиться, что fnc снова вызывает setTimeout, если вам нужно продолжить анимацию, или использовать window.setInterval(fnc, delay); и таймер работает бесконечно.
3. Вам необходимо обновить положение ваших элементов внутри функции fnc, использованной выше. В сыром JS это будет element.style.left = number + "px";, с number, меняющимся во времени.