Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje14-03-2009, 22:53 (UTC)    
Título del mensaje: [Código Javascript] Aumentar y dismunir tamaño de un texto

Con este codigo pueden agrandar o achicar el tamaño de un texto el codigo es asi

Pega el siguiente codigo en css code sin Style Tags

Cita:
/* Fuente pequeña */
.nivel1 {font-size: 12px;}

/* Fuente normal */
.nivel2 {font-size: 16px;}

/* Fuente grande */
.nivel3 {font-size: 18px;}


Pega el siguiente codigo en cualquier parte donde quieras que el codigo funcione

Cita:
<script language="javascript">
function tamFuente (nivel, elem) {
var elemento = document.getElementById(elem)
elemento.className = "nivel"+nivel;
}
</script>
<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>


Espero que les agrade
______________









Ultima edición por wedmasterayuda el Mie Mar 18, 2009 3:15 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group