Question

hola buenas noches comunidad,
Quisiera saber como puedo mover un div tan solo con pasar el puntero del mouse por encima del cuerpo de la pagina como lo realiza este plugin:

http://stephband.info/jparallax/

pero quiero intentar hacerlo sin ningún plugin, la verdad no tengo una idea clara de como hacerlo esta el momento llevo esto, les agradecería mucho que me diera una orientación para poder realizarlo

http://jsfiddle.net/kiokotzu/rf5fh/2/

de ante mano muchas gracias a todos

Answer 1

Hola,

lo primero comentar que desconozco si estás utilizando jQuery o no porque en el jsfiddle no lo has activado.

Como no lo sé y dices que lo quieres hacer sin ningún plugin, te pongo un ejemplo del código fuente que puedes usar (utilizando margin para mover).

document.getElementById('info').onmousemove = function(e) {
    var offset = 50,
        x = -e.clientX,
        y = -e.clientY;
    this.style.margin = (offset + x) + 'px ' + (offset + y) + 'px';
};

A partir de aquí ya tendrás que hacer las operaciones necesarias sobre x e y para que el movimiento sea lógico.