Move the background image on mouse over (Single Parallax)

Question

I would like to make the background image move slightly on the X and Y axis when the mouse is in the \"landing-content\" DIV, it should move with the movement of the mouse.

Answer 1

Check this fiddle. I think you will find what you want. http://jsfiddle.net/Aveendra/uXPkE/

$('#landing-content').mousemove(function(e){
    $(this).css('background-position',''+e.pageX/10+'px '+e.pageY/10+'px');
});