-->

Caja de texto cambiante

Este es un script donde podemos poner diferentes textos que van cambiando.

 
Simplemente nos vamos a:

Diseño - Añadir un gadget-HTML/Javascript.


 

Realiza los siguienes cambios:

Puedes modificar el texto por el que quieras cambiando lo marcado en Rojo, y el tamaño lo maecado en Naranja.
begintag='<font face="Coming Soon" size=2>

Cambia lo marcado en rosa por los mensajes que quieres que aparezcan.

Cambia por el tamaño de la caja:
 var fwidth=150 //ancho
 var fheight=150 //alto



    <script language="JavaScript1.2">var delay=3000 //pausa (en milisegundos)

    var fcontent=new Array()

    begintag='<font face="Coming Soon" size=2>' //tag que abre los mensajes

    fcontent[0]="<b></b><br><br>Crea tu cuadro de texto."

    fcontent[1]="Rapidamente con un gadget, veras que es muy facil."

    fcontent[2]="De forma sencilla."

    closetag='</font>'


    var fwidth=150 //ancho

    var fheight=150 //alto



    ///No editar/////////////////


    var ie4=document.all&&!document.getElementById

    var ns4=document.layers

    var DOM2=document.getElementById

    var faderdelay=0

    var index=0


    if (DOM2)

    faderdelay=2000


    //function to change content

    function changecontent(){

    if (index>=fcontent.length)

    index=0

    if (DOM2){

    document.getElementById("fscroller").style.color="rgb(255,255,255)"

    document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag

    colorfade()

    }

    else if (ie4)

    document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag

    else if (ns4){

    document.fscrollerns.document.fscrollerns_sub.document.write(begintag+fcontent[index]+closetag)

    document.fscrollerns.document.fscrollerns_sub.document.close()

    }


    index++

    setTimeout("changecontent()",delay+faderdelay)

    }


    // colorfade() partially by Marcio Galli for Netscape Communications.  ////////////


    frame=20;

    hex=255  // Initial color value.


    function colorfade() {           

    // 20 frames fading process

    if(frame>0) {

    hex-=10; // increase color value

    document.getElementById("fscroller").style.color="rgb("+hex+","+hex+","+hex+")";// Set color value.

    frame--;

    setTimeout("colorfade()",20);

    }

    else{

    document.getElementById("fscroller").style.color="rgb(255,0,0)";

    frame=20;

    hex=255

    } 

    }


    if (ie4||DOM2)

    document.write('<div id="fscroller" style="border:1px solid ;width:'+fwidth+';height:'+fheight+';padding:2px"></div>')


    window.onload=changecontent</script><ilayer id="fscrollerns" width=&{fwidth}; height=&{fheight};><layer id="fscrollerns_sub" width=&{fwidth}; height=&{fheight}; left=0 top=0></layer></ilayer>




Publicar un comentario

0 Comentarios