Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

Javascript - Estela de texto

Códigos Javascript

Creacion de una estela en formato de texto con posibilidad de cambio de tamaño y colores.
Visitas: 20,369 - 18/04/2003
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
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>
  2. <head>
  3. <title>tutores.org</title>
  4. <style>
  5. .spanstyle {
  6.     position:absolute;
  7.     visibility:visible;
  8.     top:-50px;
  9.     font-size:10pt;
  10.     font-family:Verdana;
  11.       font-weight:bold;
  12.     color:black;
  13. }
  14. </style>
  15. <script>
  16.  
  17.  
  18. var x,y
  19. var step=20
  20. var flag=0
  21.  
  22. // Texto que aparecerá en la estela!!!
  23. var message="Bienvenidos a tutores.org! "
  24. message=message.split("")
  25.  
  26. var xpos=new Array()
  27. for (i=0;i<=message.length-1;i++) {
  28.     xpos[i]=-50
  29. }
  30.  
  31. var ypos=new Array()
  32. for (i=0;i<=message.length-1;i++) {
  33.     ypos[i]=-50
  34. }
  35.  
  36. function handlerMM(e){
  37.     x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
  38.     y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
  39.     flag=1
  40. }
  41.  
  42. function estela() {
  43.     if (flag==1 && document.all) {
  44.         for (i=message.length-1; i>=1; i--) {
  45.             xpos[i]=xpos[i-1]+step
  46.             ypos[i]=ypos[i-1]
  47.         }
  48.         xpos[0]=x+step
  49.         ypos[0]=y
  50.    
  51.         for (i=0; i<message.length-1; i++) {
  52.             var thisspan = eval("span"+(i)+".style")
  53.             thisspan.posLeft=xpos[i]
  54.             thisspan.posTop=ypos[i]
  55.         }
  56.     }
  57.    
  58.     else if (flag==1 && document.layers) {
  59.         for (i=message.length-1; i>=1; i--) {
  60.             xpos[i]=xpos[i-1]+step
  61.             ypos[i]=ypos[i-1]
  62.         }
  63.         xpos[0]=x+step
  64.         ypos[0]=y
  65.    
  66.         for (i=0; i<message.length-1; i++) {
  67.             var thisspan = eval("document.span"+i)
  68.             thisspan.left=xpos[i]
  69.             thisspan.top=ypos[i]
  70.         }
  71.     }
  72.         var timer=setTimeout("estela()",30)
  73. }
  74.  
  75. </script>
  76. </head>
  77.  
  78. <body onLoad="estela()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
  79. <script>
  80. <!-- Este codigo debe ir siempre entre los tags <body> ... </body>
  81.  
  82. for (i=0;i<=message.length-1;i++) {
  83.     document.write("<span id='span"+i+"' class='spanstyle'>")
  84.     document.write(message[i])
  85.     document.write("</span>")
  86. }
  87.  
  88. if (document.layers){
  89.     document.captureEvents(Event.MOUSEMOVE);
  90. }
  91. document.onmousemove = handlerMM;
  92.  
  93. </script>
  94.  
  95.  
  96. </body>
  97. </html>
  98.  



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Estela de texto" href="http://www.tutores.org/codigo/404/" target="_blank">Estela de texto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Aun no existe ningun comentario para este Codigo.
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.