Efectos en el Title

[mauro_bernal_rios]

Buenas...

Les comento que creo una entrada porque necesito esto y no logro encontrarlo en ningún web y en ningún buscador, ya que no se como buscarlo.

He visto algunas páginas que cuando ingresas, en la parte superior del navegador, en donde figura el Title (el titulo de la web) se producen ciertas animaciones.

Por ejemplo: que el title se mueva de una punta a otra, etc...

Me gustaria saber si esto tiene algun nombre en especial
Y por supuesto si hay alguna página que tenga recursos de este estilo.

En esta web (que es mia) me pasaron unos de estos efectos que le menciono, pero me gustaría aplicarlos a otras que tengo, pero no quiero que sea el mismo.

h t t p: / / m a u r o b e r n a l . c o m . a r

[lair]

bueno para modificar lo que dice en la barra de titulo lo haces con la siguiente instrucion

document.title="lo que quieres que diga el titulo"
si lo que quieres es algo como una animacion, que el texto que pones valla girando tendrias que programarlo e ir cambiar los caracteres para que aparente girar y tras cada cambio usaria las instruccion que te menciono.

suerte y cualquier cosa estamos por aqui

puedes probar con este script para que ver mas claro lo que trato de decirte

Código PHP:

  <script>
    var valor=0;
    function ctitle(){
        if(valor==0){
            document.title="Lair";
            valor=1;
            return 0;
        }
        if(valor==1){
            document.title="rLai";
            valor=2;
            return 0;
        }
        if(valor==2){
            document.title="irLa";
            valor=3;
            return 0;
        }
        if(valor==3){
            document.title="airL";
            valor=0;
            return 0;
        }
    }
    setInterval("ctitle()",500);
</script>  
  

[goyo_]

Checa este ejemplo, lo hize a la carrera, pero sirve para que te des una idea de como utilizar el setInterval():

Código HTML:

<script>
var nombre = 'Gregorio Ramirez', i = 0;
document.title = '';

var escribir = setInterval(function() {
	if (i >= nombre.length-1) clearInterval(escribir);
	document.title += nombre[i++]
}, 500);
</script> 

[goyo_]

Iniciado por lair

bueno para modificar lo que dice en la barra de titulo lo haces con la siguiente instrucion

document.title="lo que quieres que diga el titulo"
si lo que quieres es algo como una animacion, que el texto que pones valla girando tendrias que programarlo e ir cambiar los caracteres para que aparente girar y tras cada cambio usaria las instruccion que te menciono.

suerte y cualquier cosa estamos por aqui

puedes probar con este script para que ver mas claro lo que trato de decirte

Código PHP:

  <script> 
    var valor=0; 
    function ctitle(){ 
        if(valor==0){ 
            document.title="Lair"; 
            valor=1; 
            return 0; 
        } 
        if(valor==1){ 
            document.title="rLai"; 
            valor=2; 
            return 0; 
        } 
        if(valor==2){ 
            document.title="irLa"; 
            valor=3; 
            return 0; 
        } 
        if(valor==3){ 
            document.title="airL"; 
            valor=0; 
            return 0; 
        } 
    } 
    setInterval("ctitle()",500); 
</script>  
  

Buena aportacion lair, decidi modificarla un poco haber que te parece:

Código PHP:

  var i = 0; 
 
function rotarTitulo () { 
    var titulo = ['Lair', 'rLai', 'irLa', 'airL']; 
    if (i >= titulo.length) i = 0; 
    document.title = titulo[i++]; 
} 
 
setInterval(rotarTitulo, 500);  
   

[lair]

esta perfecto, solo que yo no lo hice asi para que fuera facil de apreciar cada cosa, no se que tan avanzado sea mauro_bernal_rios en javascript

[mauro_bernal_rios]

Estan perfecto los ejemplos. Me sirven para tener una base y empezar a experimentar.

Tengo poca experiencia con Javascript, pero si con PHP, ASP y Visual Basic... por lo que lo puedo leer el codigo, y con ayuda como estas escribirlo...

Gracias.