Bir öğenin jQuery'deki Çapraz Hareketi nasıl taşınır?

Question

jQuery öğesinde bir öğeyi yukarı ve aşağı hareket ettirmeyi biliyorum.

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

Ancak çapraz yönde hareket etme konusunda hiçbir fikrim yok. Satranç tahtası yapıyorum ve Bishop'u etkisiz hale getirmeyi bilmiyorum. Lütfen aşağıdaki URL'ye bir göz atın. http://chess.diem-project.org/

Bunu beğendim ... ama bu uygun bir yol değil.

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

Herhangi bir fikir? Yardımlarınız için gerçekten minnettarız!

Answer 1

bunu böyle yapın:

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

tek bir animasyon ... orada almak istiyorum döngü kuyruklar senin durumda 100 animasyonlar için, sadece gereken bir :) See a demo here