martes, 14 de junio de 2011

Texto Animado en la Barra de EStado

Seguro que les ha tocado entrar a algún sitio y pueden ver como se mueve el titulo de ese sitio y se preguntaran como se hace, pues es muy fácil solo tomen nota que en un abrir y cerrar de ojos tendrán este truco en sus sitios:



Barra de Estado:


<script language="JavaScript">
var MessageText = "Sos blog VIP..."
var DisplayLength = 50
var pos = 1 - DisplayLength;
function ScrollInStatusBar(){
var scroll = "";
pos++;
if (pos == MessageText.length) pos = 1 - DisplayLength;
if (pos<0)
{
for (var i=1; i<=Math.abs(pos); i++)
scroll = scroll + "";
scroll = scroll + MessageText.substring(0, DisplayLength - i + 1);
}
else
scroll = scroll + MessageText.substring(pos, pos + DisplayLength);
window.status = scroll;
setTimeout("ScrollInStatusBar()",100);
}
ScrollInStatusBar()
</script>


Barra de Titulo


< script type="text/JavaScript" >
var repeat=1 //enter 0 to not repeat scrolling after 1 run, othersise, enter 1
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()",140)
}
if (document.title)
titlemove()
</scrip>


Para agregar el siguiente cualquiera de estos códigos puedes hacerlo de dos maneras:

- Ir a diseño de la plantilla, clic en Añadir un elemento de página y seleccionas HTML/Javascript.
- Ir a diseño de la plantilla, luego Edición de HTML y lo agregas antes de </head >

No hay comentarios:

Publicar un comentario