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...

- Una viñeta de información
- Una viñeta de información
- Script que muestra una fuente creciendo y menguando continuamente.
- Texto muy rapido
- Completo sistema de tool tips (mensajes que aparecen al pasar el ratón por encima de un enlace), totalmente personalizable.


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






Cursos de Community Manager

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

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


Página generada el 21-05-2012 a las 19:25:46