Aumentar el tamaño de un texto con Javascript

0 - , , - 12/12/2006 00:00:00

Una forma sencilla de permitir al usuario cambiar el tamaño de la fuente puede ser a travás de CSS y javascript. El ejemplo sería:

CSS:

/* Fuente pequeña */
.nivel1 {font-size: 12px;}
/* Fuente normal */
.nivel2 {font-size: 16px;}
/* Fuente grande */
.nivel3 {font-size: 18px;}  

Javascript:

<script language="javascript">
function tamFuente (nivel, elem) {
	var elemento = document.getElementById(elem)
    elemento.className = "nivel"+nivel;
}
</script>  

HTML:

<ul>
  <li class="nivel1">
    <a href="javascript:tamFuente(1,'contenido');">a-</a>
  </li>
  <li class="nivel2">
    <a href="javascript:tamFuente(2,'contenido');">a</a>
  </li>
  <li class="nivel3">
    <a href="javascript:tamFuente(3,'contenido');">a+</a>
  </li>
</ul>
</ul>
<div id="contenido" class="nivel1">
Esta es una frase de ejemplo.
</div>  

Deja tu comentario

  • El comentario debe estar relacionado con el contenido de la entrada.
  • Comentarios ofensivos, con spam o con lenguaje inapropiado serán eliminados.

captcha