Ver Mensaje Individual
  #5 (permalink)  
Antiguo 16/10/2009, 05:59
Avatar de ceSharp
ceSharp
 
Fecha de Ingreso: octubre-2008
Ubicación: Madrid
Mensajes: 495
Antigüedad: 16 años, 4 meses
Puntos: 66
Respuesta: DIV flotante en movimiento

hola freedatos,

Seguro que se puede mejorar este código, pero para que te hagas una idea puede valerte

------------------------------------
setInterval(moverDerecha,1)
var n = 1;
var max=window.screen.width;

function moverDerecha()
{
var el_div = document.getElementById('movD');
el_div.style.left = n;
if(n == max -1)
n = 1;
else
n += 1;
}
----------------------------------------
Con que pongas un <div id="movD" style="position:absolute">imagen</div> suficiente para que veas como se mueve de izquierda a derecha. Si quieres a la inversa (de derecha a izquierda) cambia la línea el_div.style.left = n; por el_div.style.right = x (por decir algo). La cosa es que veas cómo funciona y juegues con ello.
Como verás setInterval repite la función cada 1 milisec. si quieres ralentizarlo aumenta este milisegundo.
puedes cancelar este 'bucle' con clearInterval()
Espero que te sirva o, al menos, te de alguna idea de cómo hacer lo de las nubes.

salu2

PD: espero que tu 'haiga' haya sido un error de escritura... ;)