Ir para conteúdo
Fórum Script Brasil
  • 0

[resolvido] Fonte


Guest --Marcos --

Pergunta

Guest --Marcos --

Prezados colegas,

alguém sabe me dizer como faço pra criar aquele efeito onde pode-se aumentar a fonte de uma página ao clicar em um link (pode ser a letra "A+"), tipo o do jornal O Globo (www.oglobo.com)...

abraços

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

e ae Marcos,

eu não olhei o site da globo, mas a ideia é mais ou menos assim.

deixe todo conteudo q você deseja aumentar e diminiur dentro de uma div...

eu digo todo o conteudo, porque você não querer q o ( -a +A ) mudem de tamanho tb não é?!? hehe

então teria algo mais ou menos assim:

<body>

<a onclick="java script:alteraTamanho('-');">-a</a> <a onclick="java script:alteraTamanho('+');">+A</a>

<div id="pagina" style="font-size:12px;">

Aqui todo conteudo da sua pagina q ira alterar de tamanho...

</div>
    
</body>
agora é só criar um metodo para fazer a alteracao no tamanho, mais ou menos assim:
<script language="javascript">
function alteraTamanho(sinal) {
    var tamanho = document.getElementById("pagina").style.fontSize;
    tamanho = tamanho.substring(0, tamanho.length-2);
    
    if ( sinal == "-" ) {
        tamanho = eval(tamanho) - 2;
    } else {
        tamanho = eval(tamanho) + 2;
    }
    
    document.getElementById("pagina").style.fontSize = tamanho+"px";
}
</script>

no caso estou aumentando e diminuindo o tamano em 2 pixels...

adapta as suas necessidades ai,

sucesso,

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,3k
×
×
  • Criar Novo...