Javascript - Efecto maquina de escribir
Códigos Javascript
Este llamativo efecto consigue mostrar un mensaje con un efecto que imita a una maquina de escribir, pasando incluso a varias lineas.
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Linea 7: Modificar el mensaje a mostrar, Puedes incluso agregar tags html.
CODIGO
# Codigo ofrecido por Tutores.org
- <body onload=typeLayer() onunload=clearTimeout(tID)>
- <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 = 150;
- str= "Bienvenidos a tutores.org, web de webmasters para webmasters donde encontrarás:.<br>Tutoriales<br>Codigos o Scripts<br>y mucho mas para el webmaster."
- function typeLayer() {
- if(i > str.length){
- clearTimeout(tID);
- } else {
- msg = str.substring(0,i);
- if(isNN4 == true){
- document.layers['layer1'].document.write('<font color=red font face=Verdana>'+msg.fontsize(3)+'</font>');
- document.layers['layer1'].document.close();
- }
- if(isIE4 == true){
- layer1.innerHTML = '<font color=red font face=Times New Roman>'+msg.fontsize(4)+'</font>';
- }
- i++;
- tID = setTimeout("typeLayer()",spd);
- }
- }
- </SCRIPT>
- <SPAN id=layer1 style="LEFT: 200px; POSITION: absolute; TOP: 150px"></SPAN>
- </body>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto maquina de escribir" href="http://www.tutores.org/codigo/850/" target="_blank">Efecto maquina de escribir</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Efecto maquina de escribir" href="http://www.tutores.org/codigo/850/" target="_blank">Efecto maquina de escribir</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS