Home / Uncategories / Efecto maquina de escribir

Efecto maquina de escribir

fullsistem sábado, agosto 16, 2014 Edit

Este maravillosos efecto nos mustra un mensaje con un efecto que imita a una maquina de escribir, incluso a varias lineas.

<html>
<head>
</head>

<style content="text/css">

</style>

<script language="JavaScript">
<!--
//**************//
// Configuraciones//
var speed = 200; // La velocidad con la que escribirá -100 es rápido y +100 es lento
var msg_delay = 2000;
var msg = new Array()
//msg es para dar mensajes se empieza siempre desde [0] hasta el numero que quieras
msg[0] = '<h1>
Deja volar tu creatividad con este efecto.</h1>
';
msg[1] = '<p>
<font size="24px">facil de usar</font></p>
';
var cursor_color = 'Black'
var ticker_top = 80
var ticker_left = 80

//**************//

var pics = new Array()
pics[0] = ''
var temp = "";
var temp2 = "";
var count = 0;
var count2 = 1;
var count3 = 0;
var tag = 0;
function set_scroller()
{
document.all.scroll_holder.style.top = ticker_top;
document.all.scroll_holder.style.left = ticker_left;
scroller();
}
function scroller()
{
switch (count3) //Las partes diferentes para dar el mensaje
{
case 0: msg_delay = 3000; break //Este corresponde al titulo
case 2: msg_delay = 20; break //Este corresponde al SubTitulo
case 13: msg_delay = 2000; break //Este corresponde al mensaje a dar
//En esta ultima parte case 13 es la cantidad de mensajes en total contando desde 0(cero)-->Ver arriba en la parte del CODE debajo del texto en color Rojo Oscuro
}
 if (count3 < msg.length)
   {   
    if (count2 < msg[count3].length + 1)
     {
      temp = msg[count3].substring(count,count2);
      temp2+=temp;
      count++;
      count2++;
      if(temp=="<"||temp==">")status = temp
      document.all.scroller.innerHTML = temp2 + "<font color='"+cursor_color+"'> _ </font>";
      setTimeout('scroller();',speed);
     } 
    else
     {
      document.all.scroller.innerHTML = temp2 + "<font color='"+cursor_color+"'><blink>_</blink></font>";
      count = 0;
      count2 = 1;
      count3++;
      setTimeout('scroller();',msg_delay);
     }
   }
  else
   {
    count = 0;
    count2 = 1;
temp2 = ""; // restablezca el mensaje entero
count3 = 0;
    setTimeout('scroller();',msg_delay);    
   }
 }

function doBlink()
{
// Blink, Blink, Blink... (Blink significa el parpadeo que dará " _ " en escribir)
var blink = document.all.tags("BLINK" )
for (var i=0; i < blink.length; i++)
blink[i].style.visibility = blink[i].style.visibility == "" ? "hidden" : "" 
}
//-->
</script>
<body onload='set_scroller();setInterval("doBlink()",500)'>

<table id="scroll_holder" style="position:absolute; height:0; width:0;" class="ticker">
<td id="scroller" align="left">
</td>
</table>
</body></html>

About fullsistem

0 comentarios:

Publicar un comentario

Suscribirse a: Enviar comentarios ( Atom )