hola chicos,quisiera que el texto que inserte en mi input se visualize cada letra con un tamaño diferente cada letra.
de un tamño pequeño a un tamaño maximo pero en la mitad de la longitud de la cadena empieze a reducir su fontsize
algo asi o O o.
el codigo que tengo por ahora y al que he dado mil vueltas es el siguiente:
Código Javascript
:
Ver original<html>
<head>
<script>
var letra;
var altura=0;
function picos(){
var cadena=document.f1.texto.value;
var cad=cadena.length;
for(var i=0;i<cad;i++){
letra=cadena.charAt(i);
if(i<=cad/2){
altura++;
letra.fontsize(altura);
}
else if(i>cad/2){
altura--;
letra.fontsize(altura);
}
}
document.write(cadena);
}
</script>
</head>
<body>
<form name="f1" action="picos.html" method="GET">
Inserta texto:<input type="text" name="texto" style=font-size:9;>
<input type="button" name="enviar" value="ver"onclick="picos();">
</form>
</body>
</html>
Muchas gracias de antemano.Salu2