Произвольная очередь анимации

Используя стрелочки на клавиатуре перемещайте элемент (← и →, ↑ и ↓)

X: 0px Y: 0px

© jQuery for beginners

Prev Index Reload

$('#player').show()

$("#player")
  .css("transform", "initial")
  .animate({
    "left": "-=100"
  }, {
    "queue": "x",
    "duration": 2000
  }).dequeue("x")

$("#player")
  .css("transform", "scaleX(-1)")
  .animate({
    "left":"+=100"
  }, {
    "queue": "x",
    "duration": 2000
  }).dequeue("x")

$("#player").animate({
  "top":"-=250"
}, {
  "queue": "y",
  "duration": 2000
}).dequeue("y")

$("#player").animate({
  "top":"+=250"
}, {
  "queue": "y",
  "duration": 2000
}).dequeue("y")

$("#player").stop("x", true);
$("#player").stop("y", true);

$("#player").hide()