En esta oportunidad les traigo un pequeño pero funcional script que suelo utilizar en mis proyectos y que he desarrollado en
jQuery usando como base la formula establecida en mi
sistema de coordenadas cartesianas.
Coordenadas cartesianas [mousemove] - jQuery: http://www.habbos.es/forum/?topic=64727.0Este código sirve para mover el fondo de un elemento dependiendo del movimiento del mouse sobre el documento. El efecto que logra es fantástico.
Código:
/*!
* Script Mover Fondo - jQuery
* Creado por Joaquin A. (SoyJoaquin. | -Null-)
*
* Contacto:
* Twitter: @JoakoM010
* Skype: SoyJoaquin.
*/
$(document).mousemove(function(e){
var rango = 10; // Rango de Pixeles a desplazar.
var x = Math.round(-(e.pageX*rango/$(this).width())+(rango/2)); // Pos X
var y = Math.round(-(e.pageY*rango/$(this).height())+(rango/2)); // Pos Y
$('body').css('backgroundPosition', x+'px '+y+'px'); // Actualizamos coordenadas
});
Espero que les sea de utilidad.
Saludos.