Está usted en Indice > Construcción > Lenguajes > JavaScript > Lecciones y Paso a Paso > Texto de Colores

Construcción

Indice
Lenguajes
Diseño
Contenido
Programas
Alojamiento Web
Gestión y Mantenimiento
FAQ's

Maletín

Indice
Artículos
Plantillas Web
Kits del Webmaster
Alta en 3000 buscadores
Recursos Gratis
Cursos de Webmaster
Ofertas de empleo

Utilidades

Indice
Crear Logos
Crear Ventana PopUp
Generador de Menús
Crear Metatags
Crear Banners
Verifica Links Rotos
Optimización Web
Crear Botones
Más...

Cursos

Indice
Curso de HTML
Curso de DreamWeaver MX
Curso de PHP
Curso de Java
Curso de CSS
Curso de JavaScript
Curso de Photoshop CS
Curso de Flash MX 2004

Promoción

Indice
Artículos
Todo sobre Google
Programas
Lista de Buscadores

Rentabilidad

Indice
F.A.Q.
Artículos
Programa Premium
Métodos de Rentabilidad

Zona Novatos

Indice
Comenzando
Programas
Consejos
Más...

Foros

Foros

Acceso a tu cuenta

Regístrate
Accede a tu cuenta

Texto de Colores

Con el siguiente ejemplo conseguirás un efecto 'arco iris' sobre cualquier texto. Tanto los colores como el texto los puedes cambiar modificando el texto en negrita.

<html>
<head>
<title> Efecto1 </title>
</head>
<body>

<SCRIPT LANGUAGE="JavaScript1.2">
<!--

function initArray() {
this.length = initArray.arguments.length;
for (var i = 0; i < this.length; i++) {
this[i] = initArray.arguments[i];
}
}

var texto = " El texto cambia de colores!! ";
var velocidad = 1000 ;
var x = 0;
var color = new initArray("red", "#FF9900", "green", "blue");
if(navigator.appName == " Netscape ") {
document.write('<layer id="c"><center>'+texto+'</center></layer><br>');
}
if (navigator.appVersion.indexOf(" MSIE ") != -1){
document.write('<div id="c"><center>'+texto+'</center></div>');
}
function cambiacolor() {
if(navigator.appName == "Netscape") {
document.c.document.write('<center><font color="'+color[x]);
document.c.document.write('">'+texto+'</font></center>');
document.c.document.close();
}
else if (navigator.appVersion.indexOf("MSIE") != -1){
document.all.c.style.color = color[x];
}
(x < color.length-1) ? x++ : x = 0;
}
setInterval(" cambiacolor() ", velocidad );
//-->
</script>

</body>
</html>

También puedes añadir más colores a los que tiene el ejemplo. Para ello solo tienes que alargar la cadena del Array: new initArray("red", "#FF9900", "green", "blue", "black", "#666666", "#FF00FF" ) y así con todos los colores que quieras añadir.

En la variable velocidad , puedes indicar el tiempo que tarda en pasar de un color a otro. Si lo dejas tal como está ahora, ese tiempo es de 1 segundo ( 1000 milisegundos ), pero el efecto es mucho más atractivo si bajas esa cantidad a por ejemplo 100 milisegundos.

Original de fuikas.tk

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

- La seguridad en JavaScript
- Comprobar email con JavaScript
- Como ocultar la URL en la barra de estado
- Cómo colocar los códigos Javascript
- Ver código de fuente de una página usando Javascript

- Versión imprimible de este documento

- 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 20-07-2008 a las 19:40:34