entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

como mover el fondo de una pagina al hacer hover con jquery

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

1 Respuesta

1voto

jaime_pastor Puntos440

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.

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta