Как переместить элемент в диагональном движении в jQuery?

Question

Я знаю, как перемещаться вверх и вниз по элементу в jQuery.

$("#div").animate({"left": "+=100"}, 1000); //move 100px to the right

Но я понятия не имею, двигаться ли по диагонали. Я занимаюсь шахматной доской, и я не знаю, как двигаться Бишопа с эффектом. Пожалуйста, посмотрите на следующий URL http://chess.diem -project.org /

Мне так понравилось ... но это не совсем правильно.

for(var i = 0;i<50;i++){ // move down and move right 1 pixel at a time to get effect
 $("#div").animate({"left": "+="+x}, 1); 
 $("#div").animate({"top": "+="+x}, 1); 
} 

Есть идеи? Очень ценю вашу помощь!

Answer 1

Сделай так:

 $("#div").animate({left: '+=50', top: '+=50'}, 1000);

Вам нужна одна анимация ... a для очередей цикла 100 анимаций в вашем случае, вам просто нужна :) См. Демонстрацию здесь