Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje30-05-2009, 13:38 (UTC)    
Título del mensaje: [Codigo Javascript] Secuencia de Mensajes

El Codigo es El Siguiente

Cita:
<html>
<head>

<body>
<script language="JavaScript1.2">

var delay=2500 //pausa (en milisegundos)
var fcontent=new Array()
begintag='<font face="Verdana" size=2>' //tag que abre los mensajes
fcontent[0]="<b>Ejemplo...</b><br><br>Este script es muy practico para hacer una rapida presentación de tu sitio web."
fcontent[1]="Un sitio Web bien presentado puede conseguir visitas mas adaptada a tus contenidos."
fcontent[2]="La continua actualizacion de un sitio web es uno de los mejores incentivos para el visitante."
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)
}
frame=20;
hex=255 // Initial color value.

function colorfade() {
// 20 frames fading process
if(frame>0) {
hex-=12; // 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(0,0,0)";
frame=20;
hex=255
}
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:1px solid black;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>

</body>
</html>



Vista Previa:http://www.uterra.com/crea_tu_web/demostraciones/mensajes/mensaje_secuencial.htm

Rojo:Milisegundos
Naranja:Titulo del Cuadro
Verde: Textos a Editar
Rojo oscuro:Vista Previa

Fuente: Uterra
______________




Ultima edición por urugames el Sab Sep 05, 2009 4:12 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group