Código PHP:
Ver originalLo primero será crear tres enlaces que funcionarán como botones para aumentar, disminuir y reiniciar el tamaño de la fuente:
<a class=”aumFuente” href=”#”>Aumentar</a>
<a class=”disFuente” href=”#”>Disminuir</a>
<a class=”reiFuente” href=”#”>Reiniciar</a>
Lo siguiente será aplicarle el código necesario en el evento click de cada uno de los enlaces:
$(document).ready(function(){
// Reiniciar el tamaño de la fuente
var tamOriginal = $(‘html’).css(‘font-size’);
$(“.reiFuente”).click(function(){
$(‘html’).css(‘font-size’, tamOriginal);
});
// Incrementar el tamaño de la fuente
$(“.aumFuente”).click(function(){
var tamActual = $(‘html’).css(‘font-size’);
var tamActualNum = parseFloat(tamActual, 10);
var nuevaFuente = tamActualNum*1.2;
$(‘html’).css(‘font-size’, nuevaFuente);
return false;
});
// Disminuir el tamaño de la fuente
$(“.disFuente”).click(function(){
var tamActual = $(‘html’).css(‘font-size’);
var tamActualNum = parseFloat(currentFontSize, 10);
var nuevaFuente = tamActualNum*0.8;
$(‘html’).css(‘font-size’, nuevaFuente);
return false;
});
});