jQuery .animate() ne fonctionne pas

Je suis nouveau sur jQuery et ont été à l'apprendre par le biais de Codecademy. Je suis entrain de créer un 'bouton' (site web) sur le site, et je suis en train de faire une image sprite réagir (déplacer) lorsque le haut, bas, gauche et droite les touches sont pressées.

HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Sprite</title>
        <link rel='stylesheet' type='text/css' href='style.css'/>
        <script type='text/javascript' src='script.js'></script>
    </head>
    <body>
        <img src="[img]"/>
    </body>
</html>

CSS:

img {
    position: relative;
    left: 0;
    top: 0;
}

Javascript:

$(document).ready(function() {
    $(document).keydown(function(key) {
        switch(parseInt(key.which,10)) {
            //LEFT
            case 37:
                $('img').animate({left: "-=10px"}, 500);
                break;
            //RIGHT
            case 39:
                $('img').animate({left: "+=10px"}, 500);
                break;
            //UP
            case 38:
                $('img').animate({top: "-=10px"}, 500);
                break;
            //DOWN
            case 40:
                $('img').animate({top: "+=10px"}, 500);
                break;
        }
    });
});

J'ai vérifié sur quelques sites pour les erreurs de syntaxe, et n'arrive pas à trouver tout évidentes. De l'aide serait très appréciée.

pls créer un violon
Semble fonctionner: jsfiddle.net/e8gwK Il y a juste un problème, où il se déplace toujours si vous maintenez la touche directionnelle.
Êtes-vous sérieux? où est l'erreur ? jsfiddle.net/jogesh_pi/Xn5N5
Aha, merci, je n'avais pas connu sur le "//ajax.googleapis..." chose. Merci pour l'aide.
Si c'est la bonne réponse, cette question devrait être fermé. @user3412847 juste mêlé à l'oubli d'inclure jQuery. Il n'a rien à voir avec animations jQuery

OriginalL'auteur gilbert-v | 2014-03-22