texto con efecto maquina de escribir


este es el efecto que tengo en mi parte derecha, arriba del boton agregar a favoritos si no lo ven cliken aqui; si lo quieren usar solo editen donde dice texto 1 texo 2 .....


<script language="JavaScript1.2"><!--



//Secify scroller contents

var line=new Array()

line[1]="texto 1"

line[2]="texto 2"

line[3]="texto 3"

line[4]="texto 4"

line[5]="texto 5"

line[6]="texto 6 (si quieres puede seguir hasta el infinito)"



//Specify font size for scoller

var ts_fontsize="12px"



//--Don't edit below this line



var longestmessage=1

for (i=2;i<line.length;i++){

if (line[i].length>line[longestmessage].length)

longestmessage=i

}



//Auto set scroller width

var tscroller_width=line[longestmessage].length



lines=line.length-1 //--Number of lines



//if IE 4+ or NS6

if (document.all||document.getElementById){

document.write('<form name="bannerform">')

document.write('<input type="text" name="banner" size="'+tscroller_width+'"')

document.write(' style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')

document.write('</form>')

}



temp=""

nextchar=-1;

nextline=1;

cursor="]"

function animate(){

if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){

nextline++;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",3000)}

else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){

nextline=1;

nextchar=-1;

document.bannerform.banner.value=temp;

temp="";

setTimeout("nextstep()",1000)}

else{

nextstep()}}



function nextstep(){



if (cursor=="\\"){

cursor="|"}

else if (cursor=="|"){

cursor="/"}

else if (cursor=="/"){

cursor="-"}

else if (cursor=="-"){

cursor="\\"}





nextchar++;

temp+=line[nextline].charAt(nextchar);

document.bannerform.banner.value=temp+cursor

setTimeout("animate()",25)}



//if IE 4+ or NS6

if (document.all||document.getElementById)

window.onload=animate

// --></script>

5 Comentarios, pon el tuyo:

DX MOE dijo...

Una pregunta Como le hago para cambiarle el color a la letra?
Entren a http://wwedxfanation.blogspot.com/
el mejor blog de la WWE

Javier Medina dijo...

MUy bueno, por fin encuentro como hacerlo con un boton, en vez de con un texto. Gracias!!! Por cierto me encantaría que visitaras mi blog: Todo para BloggersUn saludo!!!

QUINTA CHICA dijo...

Excelente aporte muchas gracias....

Anónimo dijo...

Hola, en que parte de la plantilla coloco todos esos codigos, porfa, gracias

Melkor dijo...

Hola:

Se puede hacer de forma que escriba todo un parrafo? Cuando hago mas de una linea me da error.

Publicar un comentario en la entrada