Efeito De Texto - Aparecer Testo De Letra em Letra

Código excelente , funciona perfeitamente! Excelente para pessoas que gerenciam blogs!

Veja o Exemplo ali em baixo após os comentários !

Para Fazer isso Basta colocar esse Código ! Mudo os Texto em Vermelho para o texto que quizer

 

<a href="https://maiochristopher.webnode.com.br/dicas-webnode/">MaioChristopher - InfoBar - Adicione em seu Site!</a></p>

<div style="color:#000000;font-family:Arial;font-size:12px;font-weight:normal;font-style:normal;text-decoration:none" id="Fly">MaioChristopher</div>

<script type="text/javascript">
// Flying Letters script- by Matthias (info@freejavascripts.f2s.com)
// Modified by Twey for efficiency and compatibility
// For this script and more, visit Dynamic Drive: https://www.dynamicdrive.com

// Configure message to display. Use "$" for linebreak
// By default, set to just grab the text from element with ID="fly"
message = document.getElementById("Fly").innerHTML; // $ = taking a new line
distance = 50;
speed = 200;

var txt="",
num=0,
num4=0,
flyofle="",
flyofwi="",
flyofto="",
fly=document.getElementById("Fly");

function stfly()
{
   for(i=0;i != message.length;i++)
   {
      if(message.charAt(i) != "$")
         txt += "<span style='position:relative;visibility:hidden;' id='n"+i+"'>"+message.charAt(i)+"<\/span>";
      else
         txt += "<br>";
   }
   fly.innerHTML = txt;
   txt = "";
   flyofle = fly.offsetLeft;
   flyofwi = fly.offsetWidth;
   flyofto = fly.offsetTop;
   fly2b();
}

function fly2b()
{
   if(num4 != message.length)
   {
      if(message.charAt(num4) != "$")
      {
         var then = document.getElementById("n" + num4);
         then.style.left = (flyofle - then.offsetLeft + flyofwi / 2) + "px";
         then.style.top = (flyofto - then.offsetTop + distance) + "px";;
         fly3(then.id, parseInt(then.style.left), parseInt(then.style.left) / 5, parseInt(then.style.top), parseInt(then.style.top) / 5);
      }
      num4++;
      setTimeout("fly2b()", speed);
   }
}

function fly3(target,lef2,num2,top2,num3)
{
   if((Math.floor(top2) != 0 && Math.floor(top2) != -1) || (Math.floor(lef2) != 0 && Math.floor(lef2) != -1))
   {
      if(lef2 >= 0)
         lef2 -= num2;
      else
         lef2 += num2 * -1;
      if(Math.floor(lef2) != -1)
      {
         document.getElementById(target).style.visibility = "visible";
         document.getElementById(target).style.left = Math.floor(lef2) + "px";
      }
      else
      {
         document.getElementById(target).style.visibility = "visible";
         document.getElementById(target).style.left = Math.floor(lef2 + 1) + "px";
      }
      if(lef2 >= 0)
         top2 -= num3;
      else
         top2 += num3 * -1;
      if(Math.floor(top2) != -1)
         document.getElementById(target).style.top = Math.floor(top2) + "px";
      else
         document.getElementById(target).style.top = Math.floor(top2 + 1) + "px";

      setTimeout("fly3('"+target+"',"+lef2+","+num2+","+top2+","+num3+")",50);
   }
}

stfly();

</script>

contador free
MaioChristopher
 

Enquete

Qual você prefere?

Séries (2.291)
Filmes (1.213)
Desenhos (1.158)
Clipes (1.071)
Nenhum (1.049)

Total de votos: 6782

Enquete

Você acha que o celular é o novo console da atualidade?

Sim (1.361)
Não (1.403)

Total de votos: 2764