How to move an element in Diagonal Movement in jQuery?
Posted
by Devyn
on Stack Overflow
See other posts from Stack Overflow
or by Devyn
Published on 2010-03-28T10:03:46Z
Indexed on
2010/03/28
10:13 UTC
Read the original article
Hit count: 762
Hi, I know how to move up and down an element in jQuery.
$("#div").animate({"left": "+=100"}, 1000); //move 100px to the right
But I have no idea to move in diagonal movement. I'm doing chess board and I don't know how to move Bishop with effect. Please have a look at following URL http://chess.diem-project.org/
I did like this... but it's not a proper way.
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);
}
Any idea? Really appreciate your helps!
© Stack Overflow or respective owner
