Ответ 1
Сделайте это так:
$("#div").animate({left: '+=50', top: '+=50'}, 1000);
Вы хотите, чтобы одна анимация достала вас туда... a for loop ставит 100 анимаций в вашем случае, вам просто нужен один:) См. демонстрацию здесь
Как перемещать элемент в диагональном движении в jQuery?
Я знаю, как перемещаться вверх и вниз по элементу в 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);
}
Любая идея? Очень ценю вашу помощь!