OCULTAR MENU LATERAL >>

Texto en movimiento en la barra de título de la web

Navegando por la red me dí cuenta de que muchas páginas incorporan un efecto en el título de la ventana (o de las pestañas, dependiendo del navegador) que hace pasear todo el título de la web.

Este efecto es útil cuando el espacio donde debe aparecer el título es pequeño.

Para quien esté interesado, es simple de implementar. Vamos a Personalizar, y luego Diseño-->Edición de HTML.

Buscamos la siguiente línea de código:
</head>
Y justo antes incluimos lo siguiente:
<!-- INICIO CODIGO TITULO MOVIMIENTO -->
<script type="text/JavaScript">
   var repeat = 1                    // Si ponemos valor 0 sólo se repetirá unavez el movimiento
   var title = document.title
   var leng = title.length
   var start = 1
   function titlemove()
   {
      titl = title.substring(start, leng) + title.substring(0, start)
      document.title=titl
      start++
      if (start==leng+1)
      {
         start=0
         if (repeat==0) return
      }
      setTimeout("titlemove()",150)  // 150 es la velocidad de movimiento, se puede ampliar o reducir
   }
   if (document.title) titlemove()
</script>
<!-- FIN CODIGO TITULO MOVIMIENTO -->
Podemos configurar (segun indico en los comentarios del código) el numero de veces que será mostrado el efecto, la velocidad,...


Salu2,
elSant0

ALGUNOS ARTICULOS RELACIONADOS

2 comentarios:

Anónimo dijo...

Funciona. Buena explicación. Gracias

felix dijo...

gracias por el articulo me ayudo mucho

Publicar un comentario

Escribe aquí tus valoraciones, dudas, sugerencias,... Son sólo unos instantes y ayuda a mejorar el blog.