Modificando los Textos

   Ya sabemos que con JavaScript podemos hacer las mil y una cosas, hoy voy a explicarles algo sobre los textos, como cambiar el color, tamaño, tipo de letra y todo eso, porque en JavaScript y no HTML, pues, porque de eso se trata el blog, de Java.

   Esto consta de dos partes, la primera que es la clase principal (función) y la segunda que es la que muestra el texto, vamos con la primera:

<script language="javascript" type="text/javascript">
function ColoreaTexto(texto) {
indexCar = 0
indexColor = 0
indexTipo = 0
indexTalla = 0
codigoTexto = ""
do {
caracter = texto.charAt( indexCar )
if (caracter == " ") {
indexCar++
codigoTexto += ' '
continue
}
color = colores[ indexColor ]
tipografia = tipografias[ indexTipo ]
talla = tallas[ indexTalla ]
codigoTexto += '<font color="' + color + '" face="' + 
tipografia + '" size="' + talla + '">' + caracter + '</font>'

indexColor++
if ( indexColor == colores.length ) indexColor = 0

indexTipo++
if ( indexTipo == tipografias.length ) indexTipo = 0

indexTalla++
if ( indexTalla == tallas.length ) indexTalla = 0

indexCar++
} while ( indexCar < texto.length )
document.write( codigoTexto )
}
</script>

   Y lo que debemos colocar para mostrar el texto es lo siguiente:

<script language="javascript">
colores = new Array("red", "magenta", "violet",
"pink", "violet", "magenta"); 
tipografias = new Array("arial", "courier"); 
tallas = new Array("4"); 
ColoreaTexto("ESTA ES LA COMBINACION DE COLORES");
</script>

   Los arreglos de colores podemos cambiarlo por los que queramos, al igual que el tamaño de las letras y el tipo, el resultado seria el siguiente

Ejemplo de Textos en JavaScript

   Cambiando los valores del tamaño, tipo de letra y colores, podemos obtener un sin fin de combinaciones, solo es cuestion de ir probando las combinaciones que mas nos parescan e implementarlas en nuestras web's

Recibe notificaciones por correo