SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

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.
Visitas: 27,576 - 04/07/2005 13:15:07
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Codigo probado en ChromeCodigo probado en Mozilla FirefoxCodigo probado en Internet Explorer 7+Codigo probado en OperaCodigo probado en Safari


# Codigo ofrecido por Tutores.org

  1. <body onLoad="ejecutar()">
  2. <div id="moviendose" style="position:absolute;">
  3. <img src="/tutores/images/mundo.gif" alt="moviendose" />
  4. </div>
  5. <script type="text/javascript">
  6. inicio = 0;
  7. orden = 0;
  8. nx = 1;
  9. nx = 1;
  10. velocidad = 10;
  11. function ejecutar() {
  12. document.getElementById("moviendose").style.left = inicio;
  13. document.getElementById("moviendose").style.top = orden;
  14. largeur = (navigator.appName != "Microsoft Internet Explorer")? window.innerWidth : document.body.offsetWidth;
  15. hauteur = (navigator.appName != "Microsoft Internet Explorer")? window.innerHeight : document.body.offsetHeight;
  16. bas = (navigator.appName != "Microsoft Internet Explorer")? document.getElementById('moviendose').clientHeight : document.getElementById('moviendose').offsetHeight;
  17. droite = (navigator.appName != "Microsoft Internet Explorer")? document.getElementById('moviendose').clientWidth : document.getElementById('moviendose').offsetWidth;
  18. if ((orden + bas) >= hauteur) ny = -1;
  19. if ((inicio + droite) >= largeur) nx = -1;
  20. if (orden <= 0) ny = 1;
  21. if (inicio <= 0) nx = 1;
  22. inicio += nx;
  23. orden += ny;
  24. setTimeout('ejecutar()',velocidad);
  25. }
  26. </script>
  27. </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 -->
COMENTARIOS
Comentario usuario
16-08-2007 07:04:59
3 5
a mi me sirvio con el firefox no se porke le pusieron ke con el explorer
Comentario usuario
pedakitu
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 definir
2 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
drawin
5 5
yo quiero tener imagenes moviendose para usar
Comentario usuario
maryCarita
2 5
Hola, lo estoy provando, pero como hago para que sean 3 o 4 imagenes que se esten moviendose?
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.