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

Dhtml - Control de movimiento de una capa

Códigos Dhtml

Ejemplo con el que mostramos como se activaria el movimiento de una capa o layer
Visitas: 22,357 - 25/09/2003 0.58.00
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
El codigo esta comentado. La capa o layer puede contener imagenes, enlaces, textos, etc...
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


<!-- Codigo ofrecido por Tutores.org -->

  1. <HTML><head>
  2. <script>
  3. <!-- codigo ofrecido por tutores.org
  4. // Posicion inicial
  5. var xpos=0;
  6. var Id=0;
  7. function mueve(){
  8. if(!Id){
  9. mueve_menu();
  10. xpos=0;
  11. }
  12. }
  13.  
  14. function mueve_menu(){
  15. xpos++;
  16. if(document.layers){
  17. document.menu.left=xpos;
  18. }
  19. if(document.all){
  20. document.all.menu.style.left=xpos;
  21. }
  22. if(!document.all && document.getElementById){
  23. document.getElementById("menu").style.left=xpos+"px";
  24. }
  25. if (xpos>=screen.width){
  26. window.clearTimeout(Id);Id=0;
  27. }else{
  28. Id = window.setTimeout("mueve_menu();",100);
  29. }
  30. }
  31. // -->
  32. </script></head>
  33. <body>
  34. <!-- Este seria la capa, donde configuraremos el color texto incluso añadir enlaces. -->
  35. <div id="menu" style="position:absolute;left:0;top:100;width:100;background-color:#990000; visibility:visible"><font color="#FFFFFF" size="2" face="verdana">Este
  36.   es el Layer en moviemiento</font></div>
  37. <!-- Enlace que se encarga del movimiento de la capa -->
  38. <a href="#" onClick="mueve();">Mover</a> </body></HTML>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Control de movimiento de una capa" href="http://www.tutores.org/codigo/613/" target="_blank">Control de movimiento de una capa</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
19-04-2007 10:01:26
3 5
Lo probé ayer mismo y no me funcionó ni en Internet Explorer ni en Firefox, pese a que revisé el código varias veces. No sé, volveré a intentarlo, pero...
Comentario usuario
19/04/2003
2 5
Hola Falstelo
Hemos probado el codigo y funciona con Explorer 5+, Firefox, Opera y Netscape
si lo pruebas el codigo en la demo que ofrecemos o en el editor deberia de funcionarte
saludos
Comentario usuario
Sin definir
3 5
¿Como puedo hacer para que se mueva una imagen?
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.