Fancy mouvement de fond avec Jquery

Question

Je veux faire quelque chose de similaire à l'effet CSS/JQUERY que vous pouvez voir dans le lien d'erreur suivant:

http://new.livestream.com/error 

Ce que je veux savoir comment je peux faire l'image d'arrière-plan Déplacez-vous en fonction de la position de la souris et en utilisant JQUERY. J'ai vu du code qui pourrait m'aider mais comme je ne suis pas très friand de JQUERY, je demande de l'aide. je poste le code:

$(document).ready(function(){ 
    $('#home a') 
    // On mouse over, move the background on hover 
    .mouseover(function(){ 
    $(this).stop().animate({backgroundPosition: "0 -54px"}, 500); 
    }) 
    // On mouse out, move the background back 
    .mouseout(function(){ 
     $(this).stop().animate({backgroundPosition: "0 0"}, 500); 
    }) 
}); 

Je suppose que je dois changer les valeurs statiques « 0 -54px » valeurs à une des valeurs dynamiques en fonction de la position actuelle de la souris à droite?

Meilleures salutations

Answer 1

C'est vrai, vous voudrez probablement écouter l'événement mouseMove() si

See this link for the jQuery documentation on mouseMove

$("#target").mousemove(function(event) { 
    var mouseX = event.pageX; 
    var mouseY = event.pageY; 
    // you can now use mouseX and mouseY to calculate and set the background position or offset 
}); 

Answer 2

Je ne l'ai pas eu le temps de faire fonctionner le code, mais pour les gens comment veut l'effet dont je parlais peut utiliser ce tutoriel :)

http://webdev.stephband.info/parallax.html

Cordialement et que la force soit avec vous!