¡Conozco ese efecto! Y de hecho no requieres nada muy avanzado. Con un simple HTML4, un div y JavaScript podrías hacerlo sin problemas.
El html:
Código HTML:
<div id="contenedor">
<img src="fondo.jpg" alt="Fondo" id="fondo" />
<img src="persona.gif" alt="Persona" id="persona" />
</div>
El CSS:
Código:
#contenedor{width:400px;height:300px;position:relative;overflow:hidden}
#fondo, #persona{position:absolute}
El Javascript
:
Código PHP:
document.addEventListener('mousemove',function(e){
var x = e.pageX - document.getElementById('contenedor').offsetLeft;
document.getElementById('fondo').style.left = (x / 2) + 'px';
document.getElementById('persona').style.left = x + 'px';
},false);
Prueba con ello hasta que consiga tu objetivo. Suerte
