Está usted en Indice > Construcción > Lenguajes > DHTML > Códigos ya Escritos > WebTaller - Un mensaje de bienvenida impresionante
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Un mensaje de bienvenida impresionante

Este es un mensaje de bienvenida muy impresionante para sus visitantes. Para obtener este efecto, añada el siguiente script en el encabezamiento de su página:

<SCRIPT LANGUAGE="JavaScript">
<!--
message = "Welcome To Our Wonderful World!";
colours = new Array('000099','ff6600')
siZe = 20;
message = message.split(' ');
timer = null;
clrPos = 0;
msgPos = 0;
jog = 1;
currentStep = 10;
step = 8;
ns = (document.layers)?1:0;
viz = (document.layers)?'hide':'hidden';
if (ns)
document.write("<div id='T' style='position:absolute'></div><br>");
else {
document.write("<div style='position:absolute'>");
document.write("<div align='center' style='position:relative'>");
document.write("<div id='T' style='position:absolute;width:0;height:0;font-family:Arial;font-size:0'>kurt</div>");
document.write("</div></div><br>");
}
function Message() {
var pageHeight = (document.layers)?window.innerHeight:window.document.body.offsetHeight;
var pageWidth = (document.layers)?window.innerWidth:window.document.body.offsetWidth;
if (ns) {
ypos = pageHeight / 2;
var Write = '<div align="center" style="width:0px;height:0px;font-family:Arial,Verdana;font-size:'+currentStep/4+'px;color:'+colours[clrPos]+'">'+message[msgPos]+'</div>';
document.T.top = ypos + -currentStep / 8 + window.pageYOffset;
document.T.document.write(Write)
document.T.document.close();
}
else {
ypos = pageHeight / 2;
xpos = pageWidth / 2;
T.style.width = currentStep;
T.style.pixelTop = ypos + -currentStep / 16 + document.body.scrollTop;
T.style.pixelLeft = (xpos - 20)+ -currentStep / 2;
T.style.fontSize = currentStep / 8;
T.innerHTML = message[msgPos];
T.style.color = colours[clrPos];
}
if (ns)step += 5;
else step += 15;
currentStep += step
if (ns) {
if (currentStep > pageWidth) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
else {
if (currentStep > pageWidth * siZe) {
currentStep = 10;
step = 8;
msgPos += jog;
clrPos += jog;
}
if (clrPos >= colours.length) clrPos = 0;
}
if (msgPos >= message.length) {
clearTimeout(timer);
if (ns) document.T.visibility = viz;
else T.style.visibility = viz;
}
timer = setTimeout("Message()",40)
}
// End -->
</script>

Especifique su propio mensaje (en este caso Welcome To Our Wonderful World!) y los códigos hexadecimales de los colores que se deben utilizar (en este caso se utiliza 000099 y ff6600)

Ahora, sólo necesita iniciar el script mediante el atributo onLoad de la etiqueta <body>, de la siguiente manera:

<BODY onLoad="Message()">


 



Usuarios que han visto este tema también han visto...

- Imagen que sigue al raton
- Efecto de diapositiva para imágenes.
- Completo sistema de tool tips (mensajes que aparecen al pasar el ratón por encima de un enlace), totalmente personalizable.
- Una viñeta de información
- Texto muy rapido


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 30-08-2008 a las 15:48:16