Làm thế nào để di chuyển một phần tử trong Diagonal Movement trong jQuery?

Question

Tôi biết cách di chuyển lên và xuống một phần tử trong jQuery.

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

Nhưng tôi không có ý tưởng chuyển động theo đường chéo. Tôi đang làm bàn cờ và tôi không biết làm thế nào để di chuyển Đức Giám mục có hiệu lực. Vui lòng xem URL sau http://chess.diem-project.org/

Tôi đã làm như vậy ... nhưng đó không phải là cách thích hợp.

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); 
} 

Bất kỳ ý tưởng nào? Thực sự đánh giá cao sự giúp đỡ của bạn!

Answer 1

Làm điều đó như thế này:

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

Bạn muốn một hình ảnh động để giúp bạn có ... một cho hàng đợi vòng 100 hình ảnh động trong trường hợp của bạn, bạn chỉ cần một trong những :) See a demo here