Como cambiar la imagen de fondo de una pagina web con el movimiento del mouse

[evegatuna]

Iniciado por rosonator

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.

gracias!!!! me ayudaste un monton