Tutoriales de Javascript

Introducción

Vea el siguiente script que escribe un texto con un efecto de una maquina de escribir, lo puedes colocar en tu pagina para que sea mas dinámica y llamativa.

Paso 1

Colocaremos el script dentro de body, es el código en donde colocaremos el texto que queremos que se muestre, y también le da el efecto de maquina.



<script language="Javascript">
<!--
var isIE4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf
("MSIE") != -1); 
var isNN4 = (navigator.appVersion.charAt(0)>=4 && (navigator.appName).indexOf
("Netscape") != -1); 
tID = 0;
i = 0;
spd  = 50; 
str= "La máquina de escribir fue creada por Remington en el año 1873. 
Un siglo después la computadora se apoderaría del trono."
function typeLayer() {
 if(i >  str.length){
  clearTimeout(tID);
 } else {
  msg = str.substring(0,i);
  if(isNN4 == true){
   document.layers[layer1].document.write(<font face="Arial" color="#004080">
+msg.fontsize(2)+</font>);
   document.layers[layer1].document.close();
  }
  if(isIE4 == true){
   layer1.innerHTML = <strong><font face="Arial" color="#004080">+msg.fontsize(2)
+</font></strong>;
  }
  i++;
  tID = setTimeout("typeLayer()",spd);
 }
}
//-->
</script>
<span id="layer1" style="position: absolute; left: 10px; top: 20px"></span>


Paso 2

En la etiqueta body le agregaremos los siguientes eventos.



<body onload="typeLayer()" 
onunload="clearTimeout(tID)">


Autor: S/A DescargarDescargar

Comentarios en "Máquina de escribir en java efectos"

Table 'programa_programas.t_comentarios' doesn't exist