Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

augustoclaro

Fazendo o tútlo girar

Recommended Posts

aew gente, vo mostra aqui e explica como fazer o titulo girar:

 

<script>
inicio = 1;
titulo = document.title;
tam = titulo.length
function movertitulo() {
titulo2 = titulo.substring(inicio, tam) + titulo.substring(0, inicio);
document.title = titulo2;
inicio++;
if (inicio == tam+1) {
inicio = 0;
}
setTimeout("movertitulo();",200);
}
movertitulo();
</script>

Explicando:

 

pra começar eu atribui o valor 1 à variável inicio, o titulo da pagina à var titulo, e o tamanho (caracteres) à variável tamanho.

inicio = 1;
titulo = document.title;
tam = titulo.length

vamos usar como exemplo que o titulo seja este: "titulo de teste".

 

function movertitulo() {
titulo2 = titulo.substring(inicio, tam) + titulo.substring(0, inicio);

o que eu fiz? eu peguei uma substring desde 1 até o final: "itulo de teste" mais desde 0 até o inicio: "t" e somei as duas, formando: itulo de testet

 

e depois disso eu coloquei este valor como título do documento e somei 1 ao valor de inicio:

 

document.title = titulo2;
inicio++;

agora eu faço uma verificação:

 

if (inicio == tam+1) {
inicio = 0;
}

isso diz: se o inicio for igual ao tamanho do titulo + 1, ele torna-se 0.

 

setTimeout("movertitulo();",200);
}
movertitulo();

 

agora eu faço um delay de 1/5 de segundo, e chamo a função de novo.

 

o que vai acontecer?

 

o titulo: "titulo de teste" vai tornar-se "itulo de testet", e depois: "tulo de testeti" e depois: "ulo de testetit" e assim por diante, infinitamente, fazendo o titulo girar como se fosse um marquee!

 

espero que gostem

 

dúvidas: msn: guclaro@bol.com.br

Compartilhar este post


Link para o post
Compartilhar em outros sites

Gostei bastante da ideia, mas tem um erro na função "function movertitulo()" em que você abre uma chave ({) mas não a fecha... tentei fechar em vários locais mas não consegui fazer funcionar...

 

Se tiver uma solução, me comunica. Valeu!

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.