In jQuery is it possible to run two animations at exactly the same time?

Yes, though there will be a practical limit if you want quality, since if you have too many processes running it could potentially slow the operation of your browser.

To run two animations, just put two animations in your code. They will not run sequentially unless you make one a callback of another.

I have 22 players on a graphic football pitch and want to be able to move the ball with the player at the same time!

when i set the animate function, the ball moves and then after a little bit the player follows can i animate the two at the same time?

 if(ball_left != "" && ball_top != "")
 {
 $("#ball").animate({"left": ball_left, "top": ball_top }, (x * 750), function(){  });
 }
 $(player_shirt).animate({"left": player_left, "top": player_top }, (x * 750));

Like I said, animations happen simultaneously by default. The problem, therefore, must lie elsewhere. I set up a simple demonstration on my website which proves this: http://wayfarerweb.com/animate-example.php

is there anyway or any script that allows you to run multiple animations at the same time?

the page with the problem is

http://www.championshipfl.com/match_viewer.php?id=2

press start and watch the animations the ball should be in the center of the player but it moves just infront because the ne animation starts before the other one!

Nothing happened at all for me when I pressed start.

Anyway, as I clearly proved above, nothing special is required to run multiple animations at once. The reason is that the $().animate function only registers an animation, which then happens via a setInterval(), which clears itself once the animation is complete. Not that you need to know this, but it explains why multiple animations may happen without anything special being added to the code.

kk nothing happens when u use jquery in internet explorer!

Not in Explorer. Using FF3 here.

Ah, it worked for me now. You must have been changing something. Everything seems ok, they both move together. Did you fix it?

nope! they both move together but the ball is meant to be in the middle of the player when it moves to top right! but the ball is infront of the player

So animate the player to the ball, then animate both to the same location on a callback to the original animation. You'll have to calculate an offset based on each item's size, since all you have to go by is top and left, but that should be no problem.

yeah ive got that already so its in the center of the ball... ok ill give that a try!