| Sección
"Java Scripts" |
|
Lección
36 |
Efecto
máquina de escribir.
Es
muy fácil de lograr este efecto, solo debes
seguir los pasos que se indicará:
Buscas la etiqueta <Body> en el HTML de tu
página, y cuando la encuentras, la borras y
reemplazas por este código:
| <body
onload="typeLayer()" onunload="clearTimeout(tID)"> |
Ahora,
pegas en cualquier sector de tu sitio, pero
siempre debajo de donde dice
<Body> en el HTML de tu página este código:
<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>
|
|
Lo
que pinté con rojo corresponde al texto que se
escribirá ejecutando el "efecto máquina de
escribir" en tu página.
Lo
que pinté con verde corresponde al color de las
letras que aparecerán en el efecto. Lo puedes
cambiar a voluntad.
Solo debes regirte por la tabla
de colores.
Con
azul pinté la fuente de la letra utilizada. La
puede reemplazar por la fuente que desees.
Aquí copio nuevamente el código con
opción para seleccionarlo, cortar y pegar en tu
sitio.
Para
ello haces click en cualquier palabra que se halla
dentro de la caja, Te diriges a "Edición"
en el menú superior de la barra de herramientas, e
indicas "Seleccinar todo", luego tomas lo
seleccionado dirigiéndote nuevamente a "Edición",
pero esta vez indicas "Cortar", y
posteriormente te posicionas en tu página, donde
quieres colocar este código, entonces te diriges a
Edición, y le indicas "Pegar".
Si
deseas hacer las cosas más rápido, puedes verificar
en "Edición" (está escrito al lado de las
palabras que indican cada orden) que pulsando
"Control" + una letra determinada, puedes
"seleccionar todo", "cortar" o
"pegar" en forma instantánea y con eso
evitas tener que ingresar constantemente al menú de
"Edición".
Esto
es lo que debes pegar para reemplazar la etiqueta <Body>
en el HTML de tu página:
Esto
es lo que debes pegar debajo de donde dice <Body>
en el HTML de tu página:
Si
de todos modos, no funciona este efecto, corta
el código HTML que debes colocar en tu página,
pero antes de hacerlo, pégalo en tu Block de
notas, y luego si córtalo de allí y pégalo en
tu sitio. Ahora si no creo que haya ningún
inconveniente que te impida disfrutar de este
bonito efecto.
Recordemos
que este Script también puede ser hallado en el
programa Depósito, el cual puedes bajar de aquí:
webtutorial.com.ar
Buena
suerte.
|
