Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/01/2013, 11:48
Avatar de rosonator
rosonator
 
Fecha de Ingreso: noviembre-2012
Ubicación: Bilbao
Mensajes: 49
Antigüedad: 11 años, 6 meses
Puntos: 7
Respuesta: Como cambiar la imagen de fondo de una pagina web con el movimiento del mo

Cita:
Iniciado por emprear Ver Mensaje
Tu ejemplo no es el más indicado, ya que usa flash no javascript.
Con javascript se podría hacer, la idea es dividir la página creando dinamicamente una cantidad de divs x, digamos 20 divs de 5% de ancho y 100% de alto, añadiendo a estas un evento onmouseover que llame una función que cambie el background de fondo aplicadole un efecto fade.
Saludos
O eso o atender a un onMouseMove listener cada cierto periodo, pongamos 1s, para no saturar, algo así:

Código:
window.addEventListener('load',run,false); //Función run se ejecuta en onLoad

var background = document.getElementByTag("body");
var movimiento=false;

document.addEventListener('mousemove',function(evt){ //cuando el ratón se mueva, movimiento=true;
         movimiento = true;    //
 },false);


function run() {
	
         if (movimiento) { //si se ha movido...
                   movimiento = false; //reseteo
                   //random o alguna clase de orden, tú eliges
                   //background.style.background-image="...... "; //cambiar imagen
         }

	setTimeout(run,1000); //run() se repite cada segundo
}
Así debería tirar fácil y bien. Ah, setTimeot toma milisegundos por unidad, tenlo en cuenta a la hora de jugar con ello.