Javascript - Efecto de imagen moviendose por pantalla
Códigos Javascript
Puede ser muy util para mostrar tus anuncios o publicidad. Aparece una imagen recorriendo toda la pantalla.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <body onLoad="ejecutar()">
- <div id="moviendose" style="position:absolute;">
- <img src="/tutores/images/mundo.gif" alt="moviendose" />
- </div>
- <script type="text/javascript">
- inicio = 0;
- orden = 0;
- nx = 1;
- nx = 1;
- velocidad = 10;
- function ejecutar() {
- document.getElementById("moviendose").style.left = inicio;
- document.getElementById("moviendose").style.top = orden;
- largeur = (navigator.appName != "Microsoft Internet Explorer")? window.innerWidth : document.body.offsetWidth;
- hauteur = (navigator.appName != "Microsoft Internet Explorer")? window.innerHeight : document.body.offsetHeight;
- bas = (navigator.appName != "Microsoft Internet Explorer")? document.getElementById('moviendose').clientHeight : document.getElementById('moviendose').offsetHeight;
- droite = (navigator.appName != "Microsoft Internet Explorer")? document.getElementById('moviendose').clientWidth : document.getElementById('moviendose').offsetWidth;
- if ((orden + bas) >= hauteur) ny = -1;
- if ((inicio + droite) >= largeur) nx = -1;
- if (orden <= 0) ny = 1;
- if (inicio <= 0) nx = 1;
- inicio += nx;
- orden += ny;
- setTimeout('ejecutar()',velocidad);
- }
- </script>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto de imagen moviendose por pantalla" href="http://www.tutores.org/codigo/1524/" target="_blank">Efecto de imagen moviendose por pantalla</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto de imagen moviendose por pantalla" href="http://www.tutores.org/codigo/1524/" target="_blank">Efecto de imagen moviendose por pantalla</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
xavier11camus
16-08-2007 07:04:59
5
5
a mi me sirvio con el firefox no se porke le pusieron ke con el explorer
Comentario usuario
pedakitupedakitu
5
5
Necesitaria este mismo codigo pero que la imagen se moviera sobre una capa de color azul de 550 pixels de ancho y 385 pixels de alto. Espero vuestra ayuda, un saludo
Comentario usuario
Sin definirSin definir
3
5
Otra maravilla del glider en su movimiento y que estan dejando por desapercibido es el punto entropico,es decir su estado latente en este punto,en este inkey se suscita lo nosotros llamamos muerte el estado enigmatico de su descanso es el respiro de una flor cortada que se la deja morir en un jarron de agua es el perfume de la flor lo que despide al sobrevivir programen eso .tengo lagrimas en los ojos de tanta maravilla
Comentario usuario
maryCaritamaryCarita
3
5
Hola, lo estoy provando, pero como hago para que sean 3 o 4 imagenes que se esten moviendose?
INSERTAR COMENTARIO