Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17676
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Aumentar e diminuir tamanho da fonte do texto

11-04-2011 18:45

Esse script mostra dos links, um para aumentar e outro para diminuir o tamanho da fonte usada no texto usando jQuery.

jQuery

$(document).ready(function(){     var section = new Array('span','.section2');     section = section.join(',');       // Reset Font Size     var originalFontSize = $(section).css('font-size');     $(".resetFont").click(function(){         $(section).css('font-size', originalFontSize);     });       // Increase Font Size     $(".increaseFont").click(function(){         var currentFontSize = $(section).css('font-size');         var currentFontSizeNum = parseFloat(currentFontSize, 10);         var newFontSize = currentFontSizeNum*1.2;         $(section).css('font-size', newFontSize);         return false;     });       // Decrease Font Size     $(".decreaseFont").click(function(){         var currentFontSize = $(section).css('font-size');         var currentFontSizeNum = parseFloat(currentFontSize, 10);         var newFontSize = currentFontSizeNum*0.8;         $(section).css('font-size', newFontSize);         return false;     }); });

HTML

<a class="increaseFont">+</a> | <a class="decreaseFont">-</a> | <a class="resetFont">=</a>   <span>Font size can be changed in this section</span> <div class="section1">This won't be affected</div> <div class="section2">This one is adjustable too!</div>

Fonte: http://www.jquery4u.com/dynamic-css-2/jquery-resizing-text-dynamically/
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado