Mostrando entradas con la etiqueta texto con efecto maquina de escribir. Mostrar todas las entradas
Mostrando entradas con la etiqueta texto con efecto maquina de escribir. Mostrar todas las entradas

jueves, 17 de febrero de 2011

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 http://www.yomaster.com/efectos46.htm  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>